JavaScript var, let, and const explained

🚨 Confused between the Spread (...) and Rest (...) operator in JavaScript? Many developers mix them up. 💡 They share the same syntax but serve completely different purposes depending on where they’re used. 🔹 Spread Operator • Expands elements from arrays or objects • Commonly used for copying, merging, or passing values • Helps maintain immutability in modern JavaScript • Makes code cleaner and easier to read 🔹 Rest Operator • Collects multiple values into a single array • Mostly used in function parameters or destructuring • Useful when working with an unknown number of arguments • Helps manage flexible and dynamic data ⚡ Quick rule many developers follow: • Spread → Expands values • Rest → Collects values 📌 Same syntax. Two powerful JavaScript features. #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearnToCode #100DaysOfCode

💻 JavaScript Intermediate – Remove Duplicates from an Array Duplicates in arrays can cause bugs or unnecessary processing. Here's a clean way to remove them. 📌 Problem: Get an array containing only unique values. JavaScript code function removeDuplicates(arr) { return [...new Set(arr)]; } console.log(removeDuplicates([1, 2, 2, 3])); 📤 Output: [1, 2, 3] 📖 Explanation: • Set automatically stores unique values only. • Spread operator ... converts it back to an array. 💡 Tip: Use this for data cleaning, API responses, or user inputs. #JavaScript #Coding #WebDevelopment #FrontendDevelopment #LearnToCode #ProgrammingTips

💡 𝗧𝗶𝗽 𝗼𝗳 𝘁𝗵𝗲 𝗗𝗮𝘆 — 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗗𝗶𝗱 𝘆𝗼𝘂 𝗸𝗻𝗼𝘄? "Object.freeze()" makes an object 𝗶𝗺𝗺𝘂𝘁𝗮𝗯𝗹𝗲 — but only at the top level. That means: - You 𝗰𝗮𝗻𝗻𝗼𝘁 𝗮𝗱𝗱, 𝗿𝗲𝗺𝗼𝘃𝗲, 𝗼𝗿 𝗰𝗵𝗮𝗻𝗴𝗲 properties on the frozen object - But 𝗻𝗲𝘀𝘁𝗲𝗱 𝗼𝗯𝗷𝗲𝗰𝘁𝘀 𝗰𝗮𝗻 𝘀𝘁𝗶𝗹𝗹 𝗯𝗲 𝗺𝗼𝗱𝗶𝗳𝗶𝗲𝗱 🔧 𝗜𝗺𝗽𝗼𝗿𝘁𝗮𝗻𝘁: If you need full immutability, you’ll need a 𝗱𝗲𝗲𝗽 𝗳𝗿𝗲𝗲𝘇𝗲 (or use libraries like Immer). Shallow vs deep immutability — a small detail that can cause big bugs. #JavaScript #FrontendDevelopment #WebDevelopment #SoftwareEngineering #CodingTips #CleanCode #BestPractices #FullstackDeveloper

⚠️ The Danger of Splicing Arrays in a Loop "While solving the 'Move Zeroes' challenge today, I encountered a classic JavaScript pitfall: Modifying an array's length while iterating over it. The Mistake: Using .splice() inside a for loop. When you remove an element, the next one shifts left, and your loop index skips it! The Lesson: Always adjust your index or, even better, use the Two-Pointer technique. It's not just safer; it's much more performant for large datasets. Small bugs teach the biggest lessons! 🚀" "Did you know? JavaScript (ES6) allows you to swap array elements in a single line using destructuring : [a, b] = [b, a]. Clean, readable, and efficient!" Feel free to check out my progress and solutions on my LeetCode profile: I've shared my LeetCode profile link in the first comment below! #JavaScript #CodingTips #WebDevelopment #ProblemSolving #LeetCode #AngularDeveloper

Another productive class today! 💻✨ We dived deep into core JavaScript concepts: 🔁 Closures – understanding lexical scope and how functions remember their environment 🗑️ Garbage Collector – how memory management works behind the scenes 🌐 DOM Manipulation – dynamically interacting with web pages ⏳ Promises – handling asynchronous operations the right way To apply everything practically, we built a To-Do Website Project 📝 — implementing DOM updates, event handling, and async logic in real time. Learning theory is important, but building projects is where real understanding happens. Consistency + Practice = Mastery 🚀 #JavaScript #WebDevelopment #Closures #Promises #DOM #FrontendDevelopment #CodingJourney Chai Code

𝗗𝗮𝘆 𝟯 𝗼𝗳 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 🚀 Today I explored 𝗠𝗲𝗺𝗼𝗿𝘆 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁, and it was eye-opening! Here’s what I learned about how memory is organized:   • 𝗦𝘁𝗮𝗰𝗸 – stores primitive values like numbers and strings, with fast access   • 𝗛𝗲𝗮𝗽 – stores objects, arrays, and reference types, which are larger and more flexible   • 𝗦𝗠𝗜 (Small Integers) – a clever optimization where JavaScript stores small numbers efficiently to save memory and improve performance Understanding these concepts gives me a deeper appreciation for how JavaScript works under the hood and helps me write cleaner, more efficient code. #JavaScript #WebDevelopment #100DaysOfCode #LearningJourney #FrontendDevelopment

🚀 A JavaScript this Behavior That Surprised Me Consider this code: const user = { name: "Inderpal", greet() { console.log(this.name); } }; const greetFn = user.greet; greetFn(); Expected: Inderpal Actual output: undefined Why? Because this in JavaScript is not determined where a function is written. It’s determined by how the function is called. When we did: user.greet() this referred to user. But when we did: const greetFn = user.greet; greetFn(); The function lost its object context. So this became undefined (in strict mode) or the global object. ✅ One way to fix this is using bind: const greetFn = user.greet.bind(user); greetFn(); Now this will always refer to user. In JavaScript, understanding how this works is more important than memorizing syntax. #javascript #frontenddeveloper #webdevelopment #coding #softwareengineering

🔄 The JavaScript Event Loop — most devs use it daily but can't explain it in an interview. Here's the simple truth: ➡️ JS is single-threaded — one task at a time. ➡️ The Call Stack runs your code synchronously. ➡️ Web APIs handle async tasks (setTimeout, fetch). ➡️ The Callback/Task Queue holds results waiting to run. ➡️ The Event Loop checks: "Is the stack empty? Push the next task." Example: console.log("1"); setTimeout(() => console.log("2"), 0); console.log("3"); // Output: 1, 3, 2 ← setTimeout goes to Web API, then queue Microtasks (Promises) run BEFORE the next macro task — that's why .then() beats setTimeout. Understanding this = writing faster, non-blocking code. 🚀 #JavaScript #WebDev #FullStack #Programming #SoftwareEngineering

Practiced using map() in JavaScript today. Instead of manually looping through an array, map() creates a new transformed array. Cleaner logic. Better readability. Small improvements like this make code more maintainable. #JavaScript #ArrayMethods #WebDevelopment #FrontendDevelopment #CleanCode #LearningInPublic #CodingJourney #DeveloperLife #100DaysOfCode