🚀 Hello Everyone ✋ Practicing JavaScript Array Methods 💻 Today I worked on some important JavaScript array operations that are super useful for real-world development. Here’s a quick summary of what I explored 👇 🔹 filter() method Extracted even numbers from an array Separated positive and negative numbers Filtered strings based on length Retrieved names starting with a specific letter Removed falsy values like 0, null, undefined, and empty strings 🔹 Sorting & Reversing Used sort() to arrange elements Used reverse() to flip the order 🔹 Array Manipulation Methods pop() → Remove last element push() → Add element at the end shift() → Remove first element unshift() → Add element at the beginning 💡 Key Learning: Understanding these methods makes data handling much easier and improves code readability and efficiency. 📌 Next step: Deep dive into map() and forEach() for transformations and iterations. #JavaScript #WebDevelopment #Coding #Learning #Frontend #100DaysOfCode
More Relevant Posts
-
🚀 JavaScript Array Methods Clean code starts with mastering the basics — and arrays are everywhere. Here are some of the most powerful JavaScript array methods every developer should know 👇 🔹 push() – Add element at the end 🔹 pop() – Remove element from the end 🔹 shift() – Remove element from the start 🔹 unshift() – Add element at the start 🔹 map() – Transform data 🔹 filter() – Select specific data 🔹 find() – Get first matching element 🔹 forEach() – Loop through elements 💡 Why it matters? These methods help you write cleaner, shorter, and more readable code — a must-have skill for modern JavaScript development. 🎯 Pro Tip: Prefer map(), filter(), reduce() over traditional loops for better functional programming practices. 📊 Save this post for quick revision & share with your dev network! #JavaScript #WebDevelopment #Frontend #Coding #Programming #Developers #100DaysOfCode #TechSkills #LearnToCode
To view or add a comment, sign in
-
-
Javascript: NaN ⚠️ JavaScript has a value that literally means “Not a Number”… but it is still a number type! Yes, that confusing value is called NaN. Many beginners get surprised when they see it in their code. Let’s simplify it. NaN stands for Not a Number, and it appears when JavaScript fails to convert something into a valid number. Example situations: • Trying to divide something impossible → 0 / 0 • Converting text into numbers → Number("Hello") • Invalid math operations → Math.sqrt(-1) • Parsing wrong values → parseInt("abc") Important things to remember: • typeof NaN is "number" 🤯 • NaN is not equal to itself (NaN === NaN → false) • Use Number.isNaN() to properly check it • It often appears during data validation bugs Understanding NaN helps you avoid hidden bugs in JavaScript applications. Small concept… but very important for debugging. #JavaScript #WebDevelopment #FrontendDevelopment #LearnToCode #ProgrammingTips #JavaScriptBasics #CodingForBeginners #SoftwareEngineering #DevCommunity #100DaysOfCode
To view or add a comment, sign in
-
-
🚀 JavaScript Practice: Improving Logic with Real Examples 💡 🚀Today I focused on strengthening my core JavaScript skills by working on two small but powerful problems.🚀 1. Character Frequency Counting 💬I explored how to count how many times each character appears in a string like "racecar". This helped me understand how objects can be used to store and update values dynamically. I also learned how to transform that data into a clean, readable format.💬 📌 Key learning: 🔹 Using objects to track frequency 🔹 Converting data into a structured format 🔹 Building clean output instead of messy strings 2. Array Pair Formatting Next, I worked on converting an array into a custom pair format like [1:2, 3:4, 5:6]. This improved my understanding of looping with steps and grouping elements logically. 📌 Key learning: Iterating through arrays in steps Grouping elements into pairs Understanding the difference between actual data structures and formatted output 🔥 Overall Takeaways ✔ Improved problem-solving approach ✔ Better understanding of objects and arrays ✔ Learned how to format output cleanly and efficiently #JavaScript #CodingPractice #FrontendDevelopment #ProblemSolving #LearningJourney
To view or add a comment, sign in
-
-
Frontend Learning — JavaScript Object Methods You Should Master Working with objects is a core part of everyday development in JavaScript… but mastering the right built-in methods can drastically improve your code quality. From extracting keys & values to handling immutability and transforming data - these methods help you write cleaner, more predictable, and scalable code. 💡 Instead of writing manual loops and complex logic, -> leverage built-in Object methods to simplify your approach. Whether you're working with APIs, state management, or data transformation… -> these methods are your daily toolkit. 🎯 Key Takeaway: Don’t just use objects… -> Learn how to manipulate them efficiently #JavaScript #FrontendDevelopment #WebDevelopment #CodingTips #CleanCode #Developers #LearnInPublic #DeveloperJourney
To view or add a comment, sign in
-
-
🚀 Day 8 of My JavaScript Learning Journey Today I learned about Strings in JavaScript and explored various built-in methods to manipulate text. 📌 What I learned: • A String is a sequence of characters used to store text data • Strings are immutable (cannot be changed directly) • It is a primitive data type • String operations always return a new string ⚙️ String methods I practiced: ✔ length ✔ toUpperCase() / toLowerCase() ✔ trim() ✔ slice() / substring() ✔ replace() ✔ includes() ✔ indexOf() ✔ split() ✔ concat() 💡 I also practiced template literals: Hello ${name} → makes string formatting easier and cleaner. Understanding strings is very important because text handling is used in almost every application. Step by step, I’m improving my JavaScript fundamentals and coding skills. 💻✨ #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #LearningInPublic #DeveloperJourney #ProgrammingBasics
To view or add a comment, sign in
-
-
I recently started diving deeper into JavaScript, and honestly… one concept completely changed how I see code execution 🤯 At first, I used to just write code and expect it to “run.” But then I discovered what actually happens behind the scenes 👇 JavaScript doesn’t just execute code directly. It goes through a process: 🔹 First, it creates a Global Execution Context 🔹 Then comes the Memory Phase (where variables get stored as undefined and functions are fully saved) 🔹 After that, the Execution Phase runs code line by line 🔹 And everything is managed using a Call Stack (LIFO — Last In, First Out) Understanding this made things like hoisting, function calls, and even bugs feel way less random. Now when I write code, I don’t just see syntax — I can actually visualize what the JavaScript engine is doing step by step 🧠⚡ Still learning, but this was one of those “aha” moments that made everything clearer. If you're learning JavaScript, don’t skip this part — it’s a game changer 🚀 #JavaScript #WebDevelopment #LearningJourney #Frontend #Programming #Developers
To view or add a comment, sign in
-
-
JavaScript concepts that finally clicked for me 👇 When I started learning JavaScript, I just wrote code without understanding what was happening behind the scenes. These 3 concepts changed everything: 1️⃣ Closures 🔐 Functions remembering variables even after execution — confusing at first, powerful once it clicks. 2️⃣ Event Loop 🔄 Understanding async behavior (setTimeout, Promises) made debugging 10x easier. 3️⃣ Promises & Async/Await ⚡ Cleaner, more readable async code. No more callback hell. 💡 Once these clicked, my code became more predictable and easier to debug. If you're learning JavaScript right now — focus on the fundamentals. They make everything else easier. #JavaScript #WebDevelopment #Frontend #MERN #Coding #Developers #LearningInPublic
To view or add a comment, sign in
-
-
🚀 From Callback Hell to Clean Code… JavaScript Promises 👇 🧠 What is a Promise in JavaScript? 👉 A Promise is an object that represents a value that will be available in the future. Tired of nested callbacks? 😵 There’s a better way. 🧠 What is a Promise? 👉 A Promise represents a future value 👉 It can be: ✔ Pending ✔ Resolved ✔ Rejected ⚡ Instead of messy nested code… use .then() chaining for clean flow 🔥 Why Promises are powerful: 👉 Cleaner & readable code 👉 Better error handling with .catch() 👉 Easy to manage async operations ⚡ Write code that scales, not code that scares. 🔥 Why we use Promises 👉 To handle asynchronous operations (API calls, data fetching, etc.) 👉 To avoid callback hell 👉 To write clean & readable code 💬 Do you prefer Promises or Async/Await? 📌 Save this for interview prep #javascript #webdevelopment #frontend #coding #programming #asyncjavascript #developers #100DaysOfCode
To view or add a comment, sign in
-
-
While learning JavaScript, one of the biggest challenges developers face is handling asynchronous code effectively. Concepts like callbacks and promises can quickly become complex — especially for beginners. That’s where Async/Await comes in. It simplifies asynchronous programming by making code more readable and maintainable. I’ve written a detailed article covering: • Clear explanation of Async/Await • Practical examples • Real-world use cases • Common pitfalls to avoid If you're improving your JavaScript skills or preparing for interviews, this might be useful for you. 👉 https://lnkd.in/gf9NBEmB Would love to hear your thoughts — do you think Async/Await has completely replaced Promises, or do both still have their place? #JavaScript #AsyncAwait #WebDevelopment #SoftwareDevelopment #Programming #Frontend #Developer #Coding #TechLearning #CareerGrowth
To view or add a comment, sign in
-
💡 Does JavaScript Support Automatic Type Conversion? Yes, it does — and it’s called Type Coercion. JavaScript is a loosely typed language, which means it can automatically convert one data type into another when performing operations. 🧠 What’s happening here? ✔️ + with a string → converts everything to string ✔️ -, *, / → converts values to numbers ✔️ true → 1 and false → 0 ⚠️ Be careful: Automatic type conversion can sometimes lead to unexpected results, which may cause bugs in your application. That’s why developers often use explicit conversion 🚀 In simple terms: JavaScript can automatically change data types when needed, but understanding this behavior helps you write more predictable and bug-free code. #JavaScript #WebDevelopment #Programming #Coding #SoftwareDevelopment #Developers #LearnJavaScript #TechLearning #CodingJourney #FrontendDevelopment #TechCommunity
To view or add a comment, sign in
-
More from this author
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development