Mastering Sets in JavaScript for Unique Data Management

🚀 Day 84/90 – #90DaysOfJavaScript Topic covered: Copying by Reference vs Value in JavaScript ✅ Reference vs Value 👉 Primitive types (string, number, boolean, etc.) are copied by value. 👉 Objects and arrays are copied by reference, meaning both variables point to the same memory. ✅ Copying Arrays 👉 Shallow Copy: Creates a new top-level array but shares nested references. 👉 Methods: slice(), spread ([...]), Array.from(). 👉 Deep Copy: Fully duplicates nested data. 👉 Methods: structuredClone(), JSON.parse(JSON.stringify()) (⚠️ limited for special data types). ✅ Copying Objects 👉 Assignment (=) copies the reference. 👉 Shallow Copy: Object.assign({}, obj) or {...obj} — nested objects still shared. 👉 Deep Copy:  👉 structuredClone(obj) ✅ 👉 JSON.parse(JSON.stringify(obj)) ⚠️ (loses functions, undefined, etc.) ✅ Key Takeaways 👉 Shallow copy affects nested objects/arrays. 👉 structuredClone() is the most reliable modern solution for deep cloning. 👉 Always choose cloning method based on data type and depth of structure. 🛠️ Access my GitHub repo for all code and explanations: 🔗 https://lnkd.in/d3J47YHj Let’s learn together! Follow my journey to #MasterJavaScript in 90 days! 🔁 Like, 💬 comment, and 🔗 share if you're learning too. #JavaScript #WebDevelopment #CodingChallenge #Frontend #JavaScriptNotes #MasteringJavaScript #GitHub #LearnInPublic

🧠 Understanding Data Types in JavaScript — The Real Bug Preventer 🐛 Today at Digital World Tech Academy, we dived into one of the most important fundamentals in JavaScript — Data Types. In simple terms, data types are the different forms of data your code works with. They help the computer understand what kind of information it’s dealing with, just like a worker in a market needs to know if he’s handling cash, food, or goods before deciding what to do next. 😅 JavaScript data types are divided into two major groups: 🔹Primitive Data Types; simple, single-value types that are stored directly in memory. They include: String – text values like "Hello World" Number – numeric values like 42 Boolean – true or false Null – represents “nothing” Undefined– declared but not assigned Symbol– unique identifiers BigInt – for very large numbers 🔸Non-Primitive (Object) Data Types; more complex structures that can hold multiple values. They include: Object – key-value pairs Array– lists of items, like [1, 2, 3] Understanding these isn’t just theory , it’s how you avoid unnecessary bugs. Because trust me, nothing’s funnier than trying to add a “shirt” (string) to “₦1000” (number) you’ll confuse JavaScript faster than a market apprentice mixing up change. 😂 💡 Knowing your data types makes your code cleaner, smarter, and easier to debug. #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #DigitalWorldTechAcademy #DevelopersLife #Debugging

🧩 #100DaysOfCode – Day 32 | JavaScript Variables & Data Types 💛 Moving deeper into JavaScript! 🚀 Today I learned about variables — the containers that hold data — and data types, which define what kind of value we store. 💡 🔑 Key Points: 🟢 var, let, const → used to declare variables. 💬 Data Types: String → "Hello" Number → 25 Boolean → true / false Array → [1, 2, 3] Object → {name: "Shalini", age: 19} 💡 “Variables are like storage boxes — label them right, and coding becomes smooth!” 🌸 #100DaysOfCode #Day32 #JavaScript #FrontendDevelopment #CodingJourney #LearnByDoing #WebDevelopment #WomenInTech

🚀 Day 42 of #100DaysOfWebDevelopment Challenge Today, I started learning one of the most important data structures in JavaScript — Arrays. Understanding arrays is essential for storing, managing, and manipulating multiple values efficiently. 🔹 Array Data Structure An array is a special type of object used to store ordered collections of data. Each element in an array has an index, starting from 0. Arrays can hold numbers, strings, objects, or even other arrays. 🔹 Visualizing Arrays I learned how arrays work internally — how elements are stored in sequence and can be accessed using their index positions. Example: arr[0] accesses the first element. 🔹 Mixed Arrays JavaScript allows mixed arrays, meaning an array can contain multiple data types at once (e.g., strings, numbers, booleans, or even functions). This flexibility makes it very versatile. 🔹 Mutability in Arrays Arrays in JavaScript are mutable, which means their elements can be changed even if the array itself is declared with const. Only the reference is constant, not the content. 🔹 Common Array Methods I also practiced some fundamental array methods: push() → adds an element at the end. pop() → removes the last element. shift() → removes the first element. unshift() → adds an element at the beginning. 💡 Key Takeaway: Arrays are the backbone of data manipulation in JavaScript. Learning how to manage and modify them effectively lays the groundwork for handling real-world data in applications. #100DaysOfCode #WebDevelopment #JavaScript #FrontendDevelopment #LearningInPublic #CodingJourney

JavaScript for 15 Days – Day 3: Data Types Every value in JavaScript has a data type, it tells the program what kind of data we’re working with. Today, you'll explore the difference between primitive and non-primitive data types, and how JavaScript uses them to store and process information. Primitive types: String, Number, Boolean, Null, Undefined, Symbol, BigInt Non-primitive types: Object, Array, Function Example 👇 let name = "Moussa"; // String let age = 27; // Number let skills = ["JS", "HTML", "CSS"]; // Array 💡 Lesson learned: Understanding data types makes debugging easier and helps you write cleaner, more reliable code. #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #LearnToCode #15DaysJS #DevPerDay

🚀 Master JavaScript Arrays — From Basics to Advanced! Arrays are the backbone of data manipulation in JavaScript — from handling lists of items to building complex data structures. 📊 This guide covers everything you need to know — ✅ Creating, accessing, and modifying arrays ✅ Copying & cloning techniques (mutable vs. immutable) ✅ Modern methods like toReversed(), toSorted(), toSpliced(), and with() ✅ Deep dive into static & iterator methods (map, filter, reduce, find, flatMap, and more) ✅ Practical exercises and real-world challenges Whether you’re a beginner brushing up your fundamentals or an intermediate dev polishing your skills, this post is packed with examples and clear explanations to make Arrays second nature. 💪 📄 Download the full PDF below and start mastering one of the most powerful parts of JavaScript today. #JavaScript #FrontendDevelopment #WebDevelopment #Coding #Learning #Arrays #JSDeveloper

🚀 Master JavaScript Arrays — From Basics to Advanced! Arrays are the backbone of data manipulation in JavaScript — from handling lists of items to building complex data structures. 📊 This guide covers everything you need to know — ✅ Creating, accessing, and modifying arrays ✅ Copying & cloning techniques (mutable vs. immutable) ✅ Modern methods like toReversed(), toSorted(), toSpliced(), and with() ✅ Deep dive into static & iterator methods (map, filter, reduce, find, flatMap, and more) ✅ Practical exercises and real-world challenges Whether you’re a beginner brushing up your fundamentals or an intermediate dev polishing your skills, this post is packed with examples and clear explanations to make Arrays second nature. 💪 📄 Download the full PDF below and start mastering one of the most powerful parts of JavaScript today. #JavaScript #FrontendDevelopment #WebDevelopment #Coding #Learning #Arrays #JSDeveloper

Loops were one of the first things I learned in JavaScript… and also one of the first things I misunderstood 😅 Here’s one of my favorite little transformations: const users = [  { name: 'Sabeetha', active: true },  { name: 'Kavin', active: false },  { name: 'Liya', active: true } ]; const activeUsers = users  .filter(u => u.active)  .map(u => u.name); console.log(activeUsers); // ['Sabeetha', 'Liya'] That’s iteration — not just looping, but thinking in data flow. If you’re learning JavaScript: don’t just learn how to loop. Learn how to think through your data. 💫

🚀 Day 7 of My 30 Days of JavaScript Challenge 🧩 Problem: Array Reduce Transformation (LeetCode #2626) Given an integer array nums, a reducer function fn, and an initial value init, return the final reduced value. You must solve this without using the built-in Array.reduce() method. 💻 Language: JavaScript 📖 Problem Link: https://lnkd.in/eDiXhyPm 💡 Solution: https://lnkd.in/ezvK8_tY 🧠 Concepts Used Higher-order functions Accumulator pattern Sequential computation Understanding reduce() core logic 📚 Takeaway Rebuilding reduce() helps you understand how JavaScript aggregates data step by step. This concept is foundational for advanced topics like state management, data pipelines, and functional transformations. #Day7 #JavaScript #30DaysOfCode #LeetCode #WebDevelopment #FunctionalProgramming #CodingChallenge #FrontendDevelopment #100DaysOfCode

🟦 Day 182 of #200DaysOfCode Today, I explored one of the most important concepts in JavaScript data handling — ✨ Deep Cloning a Nested Object Manually. In JavaScript, objects are stored by reference. So if you simply assign or shallow copy an object, any nested changes will still affect the original one. To truly create an independent copy, we need a deep clone — where every nested level is recreated. 🔍 What I built: A custom deepClone() function that: ✔ Loops through every key in the object ✔ Checks if a value is another object ✔ Uses recursion to clone deeply nested structures ✔ Returns a completely separate copy Why this matters? Deep cloning is essential when working with: • React state management • Redux reducers • Complex forms • API response manipulation • Saving snapshots of data without mutation 🧠 Key Takeaways: • Understanding reference vs value is crucial in JS • Recursion is a powerful tool for traversing deep structures • Manual deep cloning builds strong mental models of how objects behave • These fundamentals help you write safer, more predictable code This was one of those exercises where a simple concept reveals a deeper layer of how JavaScript actually works behind the scenes. Master the basics → scale effortlessly into advanced topics. #JavaScript #182DaysOfCode #LearnInPublic #DeepClone #Recursion #ProblemSolving #WebDevelopment #LogicBuilding #CodingChallenge #DeveloperMindset #ObjectsInJS