Why JavaScript Objects Are Compared by Reference

🚀 Day 19 of 30 Days of JavaScript – LeetCode Problem: 1207. Unique Number of Occurrences Today’s challenge was all about checking whether the number of occurrences of each value in an array is unique. ✅ My Approach 1️⃣ Count occurrences I used a for...of loop to count how many times each element appears in the array. 2️⃣ Store frequency results This gives me an object holding the occurrence count of every unique item. 3️⃣ Convert to a Set I extracted the values and converted them into a Set using new Set(), since a set automatically removes duplicates. 4️⃣ Compare values Arrays and sets can’t be directly compared, so I converted both to strings using JSON.stringify() to compare their datatype + values. 5️⃣ Return result If both match, I return true; otherwise, false. #JavaScript #LeetCode #30DaysOfCode #codingjourney #developerlife

👋 Hello Connections! Hope you’re all doing great 😊 Today, I’d like to share something I learned... Stages of Errors in JavaScript. When working with JavaScript, we often face different types of errors, but not all errors are the same! Here are the three main stages of errors every developer should know: Syntax Error, Runtime Error, and Logical Error. 1.Syntax Error (Compile-Time): Occurs when your code has a syntax mistake — like missing brackets, commas, or incorrect keywords. Example:console.log("Hello World" **// missing parenthesis//** 2. Runtime Error (Execution-Time): Happens while the program is running for example, when you use an undefined variable or call a non-existing function. Example: let x = 10; console.log(y); **// y is not defined//** 3.Logical Error: The code runs without crashing, but the output is wrong due to incorrect logic. For Example: let num = 5; if (num = 10) { console.log("Number is 10"); } **//Wrong logic/output//** #JavaScript #WebDevelopment #ErrorHandling #10000coders #FresherJourney #TechLearning

💻 JavaScript Code Challenges: Level Up Your Skills 💻 Want to truly master JavaScript? Stop memorizing and start practicing with real engine-level challenges: 1️⃣ Scope & Lexical Environment let a = 10; function test() { let a = 20; console.log(a); } test(); // ? console.log(a); // ? 2️⃣ Closures function counter() { let count = 0; return function() { count++; return count; } } const inc = counter(); console.log(inc()); // ? console.log(inc()); // ? 3️⃣ Hoisting & TDZ console.log(x); // ? let x = 5; console.log(y); // ? var y = 10; ✅ Challenge yourself: Predict the output before running the code. Understand why it behaves that way. That’s how you think like the JS engine! #JavaScript #CodingChallenge #Closures #Scope #Hoisting #LexicalScoping #TDZ #DevCommunity #WebDevelopment #ProgrammingTips #CleanCode

Ever get an interview question that seems simple but hides a tricky JavaScript concept? "What's the output of `setTimeout(() => console.log(1), 0); console.log(2);`?" is a classic. The answer isn't "1, then 2." It’s a great test of your understanding of the event loop. 🧠 The `setTimeout` callback, even with a zero-millisecond delay, gets pushed to the Web API and then the callback queue. The JavaScript engine runs all synchronous code on the call stack 𝐟𝐢𝐫𝐬𝐭. So, `console.log(2)` executes immediately. Only after the stack is clear does the event loop pick up the `console.log(1)` from the queue. ⚡ It's a small detail that reveals a huge amount about how asynchronous JS actually works. Have you struggled with this before? #WebDevelopment #DeveloperTips #CodingLife

The JavaScript reduce() method is a powerful tool to process arrays and return a single value. It takes a reducer function, which combines every array element into one result using an accumulator. For example, you can sum numbers or count occurrences easily with reduce(). It’s perfect for transforming and accumulating data efficiently. Quick example: javascript const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // Output: 10 Try to master this method to level up your coding skills! #JavaScript #WebDev #CodingShorts #ArrayMethods

Leveling Up in JavaScript Today I explored some powerful JS concepts: Destructuring – unpack values from arrays or objects easily. Spread syntax – clone or merge arrays/objects efficiently. Hoisting – JS moves declarations to the top before execution. IIFE (Immediately Invoked Function Expression) – a function that runs right after it’s defined. These small concepts build the foundation for cleaner, smarter code. What’s your favorite JavaScript concept? #JavaScript #WebDevelopment #LearningInPublic

Day 69 of #100daysCode Ever wondered how JavaScript thinks? 🤔 It’s all about Variables, Data Types, and Operators! These 3 concepts might seem simple, but they’re the secret to how JS handles everything — from text to numbers to logic. Swipe through my carousel to learn the basics in a fun, visual way 🎨✨ #JavaScript #CodingJourney #FrontendDevelopment #LearnToCode #WomenInTech

🚀 5 Quick Facts About Arrays in JavaScript 1️⃣ Dynamic & Flexible – You can store numbers, strings, or even objects in the same array. 🧩 const arr = [1, "two", true]; 2️⃣ Technically Objects – typeof [] returns "object", not "array". ✅ Use Array.isArray(arr) to be sure. 3️⃣ Built for Efficiency – Use map(), filter(), and reduce() to write clean, functional code. 4️⃣ Spread Operator Power – Combine or clone arrays effortlessly. ⚙️ const merged = [...arr1, ...arr2]; 5️⃣ Zero-Indexed – The first element starts at index 0. 📍 arr[0] gives the first item. Arrays are more powerful than they look — master them, and your JS code will be cleaner, faster, and smarter 💡 #JavaScript #WebDevelopment #CodingTips #Arrays #DeveloperLife

🚀 Day 4 of My 30 Days of JavaScript Journey ✅ Challenge: Create Counter Object (LeetCode #2665) Write a function createCounter(init) that returns an object with three functions: increment() → increases the value by 1 and returns it. decrement() → decreases the value by 1 and returns it. reset() → resets the value to the initial value and returns it. 💻 Language Used: JavaScript ❓ Problem Link: https://lnkd.in/gKxPxb8Y 💡 Solution: https://lnkd.in/g3jv6Nfi 🧠 Concept Highlighted: This challenge strengthens understanding of closures and object methods in JavaScript. It shows how functions can preserve and modify internal state — a key concept in building dynamic, stateful applications. #JavaScript #LeetCode #30DaysOfCode #CodingChallenge #WebDevelopment #FrontendDevelopment #LearningEveryday #Closures #ProblemSolving

Leveling up my front-end fundamentals one small project at a time! 🚀 Here’s a look at my Background Colour Changer — a quick video that captures the simplicity and power of event listeners and manipulating the Document Object Model (DOM) in JavaScript. Small projects like this are crucial for reinforcing core concepts before diving into larger frameworks. What's the best small project you've built to practice a core skill? Let me know! #CodingJourney #JavaScript #CSS #WebDev #LearningToCode