Master JavaScript Array Methods for Efficient Coding

JavaScript fun facts that sound fake but are actually real: - "typeof null" → ""object"" (this is a bug from early JS that was never fixed) --- - "[] + []" → """" (empty string) --- - "[] + {}" → ""[object Object]"" --- - "{} + []" → "0" (yes… seriously) --- - "NaN === NaN" → "false" (the only value not equal to itself) --- - "0.1 + 0.2 !== 0.3" (floating point precision issue) --- - Functions are objects in JavaScript → you can add properties to them --- - JavaScript is single-threaded → but still handles async like a pro using event loop --- - "setTimeout(fn, 0)" does NOT run immediately → it runs after the call stack is empty --- If JavaScript ever feels weird, it’s not you. It’s JavaScript. Still learning, still questioning. #JavaScript #WebDevelopment #FrontendDevelopment #Programming #Developers #CodingJourney #TechFacts #BuildInPublic

🚀 Today I practiced JavaScript fundamentals Today I revised important JavaScript concepts which are very useful for beginners and for interview preparation. 🔹 Variables in JavaScript Learned how to declare variables using var, let, and const and understood the difference between them. 🔹 Data Types Practiced different data types like Number, String, Boolean, Null, Undefined, Object, and Array. 🔹 OOPS Concepts in JavaScript Studied Object Oriented Programming concepts: • Encapsulation • Inheritance • Polymorphism • Abstraction 🔹 Strings in JavaScript Learned string methods like length, toUpperCase(), toLowerCase(), slice(), and concat(). 🔹 Arrays in JavaScript Practiced array operations like push(), pop(), shift(), unshift(), map(), and filter(). 📘 Every day practice makes coding easier and improves problem solving skills. Excited to learn more JavaScript concepts. #JavaScript #WebDevelopment #Learning #Coding #Frontend #OOPS #Programming #Beginners #100DaysOfCode

🚀 Mastering JavaScript Arrays now! 🚀 Arrays are a fundamental data structure in JavaScript, allowing you to store multiple values in a single variable. They are versatile and can hold different types of data, making them essential for developers to manage and manipulate data efficiently in their applications. To create an array in JavaScript, start by declaring a variable and assigning it to square brackets containing your values. Access elements using their index, starting from 0. Remember to use built-in array methods like push() and pop() to add or remove elements easily. ```javascript let fruits = ['apple', 'banana', 'orange']; console.log(fruits[0]); // Output: apple fruits.push('grape'); // Add 'grape' to the end fruits.pop(); // Remove the last element ``` Pro tip: Use array destructuring to unpack values from arrays into distinct variables, enabling cleaner and more concise code. Common mistake: Forgetting that array indices start at 0 can lead to errors in accessing elements, so always count from 0 when working with arrays. 🤔 What's your favorite method to manipulate arrays? Share your tips! 🤓 🌐 View my full portfolio and more dev resources at tharindunipun.lk #JavaScript #Programming #WebDevelopment #CodingTips #ArrayManipulation #DeveloperCommunity #CodeNewbie #TechTalk

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

🚀 JavaScript Concepts Series – Day 6 / 30 📌 Closures in JavaScript 👀 Let’s Revise the Basics 🧐 A closure is when a function remembers variables from its outer scope even after the outer function has finished execution. 🔹 Key Points • Inner function can access outer variables • Data persists even after function execution • Useful for data privacy and state management 🔹 Example function outer() { let count = 0; return function inner() { count++; console.log(count); }; } const counter = outer(); counter(); // 1 counter(); // 2 💡 Key Insight Closure → Function + its lexical scope Remembers → Outer variables after execution Closures are widely used in callbacks, event handlers, and React hooks. More JavaScript concepts coming soon. 🚀 #javascript #js #webdevelopment #frontenddeveloper #coding #programming #developers #softwaredeveloper #learnjavascript #javascriptdeveloper #codinglife #devcommunity #webdev #reactjs #mernstack #codingjourney #codeeveryday #developerlife #100daysofcode #techlearning

📘 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 𝐌𝐨𝐝𝐮𝐥𝐞 (𝐁𝐚𝐬𝐢𝐜) 𝐒𝐞𝐜𝐭𝐢𝐨𝐧 1: 𝐁𝐚𝐬𝐢𝐜 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 (𝐓𝐡𝐞 𝐟𝐮𝐧𝐝𝐚𝐦𝐞𝐧𝐭𝐚𝐥𝐬 𝐨𝐟 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭) 1. What is JavaScript? 2. If you want to use JavaScript in your code editor, what do you need to run? 3. How to see JavaScript output? 4. What is WWW? 5. Who created JavaScript? 6.Describe something Before without JavaScript and After using JavaScript in website? 7. How many types of programming languages can we use? 8.Which type of programming language is JavaScript? 9. What is an interpreted / JIT language? 10. What is a compiled language / What is compiled? 11. Difference between compiled vs interpreted language? 12. What is JavaScript Engine or V8 Engine? 13. What are JavaScript comments? 14. What is immutable and mutable? 15. What is primitive and non-primitive? 🎯 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 𝐐𝐮𝐞𝐬𝐭𝐢𝐨𝐧𝐬 (𝐄𝐱𝐭𝐫𝐚) 1. Why is JavaScript called a single-threaded language? 2. What is event loop in JavaScript? 3. What is JIT (Just-In-Time) compilation? 4. Why JavaScript is so popular in web development? 5. Does JavaScript only run in browsers? #DotNet #AspNetCore #MVC #FullStack #SoftwareEngineering #ProgrammingTips #DeveloperLife #LearnToCode #JavaScript #JS #JavaScriptTips #JSLearning #FrontendDevelopment #WebDevelopment #CodingTips #CodeManagement #DevTools

🚀 Mastering the Basics of JavaScript! From understanding variables to working with loops, functions, and events — these notes cover the core building blocks of web development 💻 📌 Key Takeaways: • Introduction to JavaScript & its real-world use • Variables, Data Types & Operators • Conditional Statements & Loops • Functions & Events handling • Arrays, Objects & Core Concepts Strong fundamentals = Strong developer 🔥 #JavaScript #WebDevelopment #CodingJourney #Programming #LearnToCode #DeveloperSkills #TechLearning #FrontendDevelopment

🚀 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

JavaScript Doesn't Have Classes!   Yes, that's correct. Anyone who started using JavaScript after 2015 will be very confused by this statement.   "But I saw the class syntax in the intro course I took when I started programming!"   Which would also be accurate.   JavaScript has a syntax for classes, but under the hood, no class in the Java/C++ sense is being declared. Don't believe me? Go run this in your browser console: class Test { constructor() { this.prop = "test"; } } console.log(typeof Test); Yes, it's a function. JavaScript classes essentially do two things: create a constructor function that works with the "new" keyword, and set up a prototype object (more on that another time). "Okay, but it's still basically a class." No, not really. Try this code (hopefully you tried the one above first): let x = new Test(); Now you have a Test object with one property, "prop". Now do this: x.newprop = "newprop"; This runs. In most other languages, this would be grounds for the compiler to crash your IDE out of pure spite. It runs in JavaScript because the class was never acting as a blueprint, it was just a special constructor function all along. If you've always been confused by the __proto__ property when checking Javascript objects and too scared to ask what it is, well it's part of the same conspiracy, I will be writing about it in my next post   #javascript #webdevelopment #programming

JavaScript: Logical Operators 🧠 Want to make smart decisions in JavaScript code? Learn Logical Operators. Logical operators help your program decide what should happen next. They are used in conditions, validations, and real-world logic. Here are the 3 main ones 👇 • AND (&&) Both conditions must be true age > 18 && hasLicense • OR (||) At least one condition must be true isAdmin || isEditor • NOT (!) Reverses the result !isLoggedIn These operators are used in if statements, authentication checks, form validation, and many real projects. Small concept. Very powerful in coding. #JavaScript #WebDevelopment #FrontendDevelopment #ProgrammingBasics #LearnJavaScript #CodingForBeginners #SoftwareEngineering #DeveloperTips #TechLearning #CodeNewbie