How to write clean code with map, filter, reduce

🔍 Day 168 of #200DaysOfCode Today, I focused on filtering specific values from an array — in this case, extracting only odd numbers using basic loop logic in JavaScript. ✔ This exercise reinforces how important condition checking is while working with data. ✔ Instead of using advanced built-in methods like .filter(), I wrote the logic manually — which improves clarity and confidence in how loops operate. ✅ What I practiced today: • Iterating through arrays • Checking conditions using modulo % • Selectively pushing results into a new array • Handling edge cases (like when no odd numbers exist) 🌱 Filtering is a skill that scales — from small number lists to large datasets powering real-world apps. Strong fundamentals → Strong code → Strong developer 💪 #JavaScript #168DaysOfCode #CodingChallenge #BackToBasics #LearnInPublic #ProblemSolving #WebDevelopment #DeveloperMindset #LogicBuilding

Async/Await isn't just syntax; it's a developer's salvation. This JavaScript feature transforms tangled chains of asynchronous Promises (.then().then()) into clean, linear code that reads just like regular synchronous code: JavaScript try { const data = await fetchData(url); // Magic happens here } catch (error) { // Easy error handling }

🚀 𝗗𝗮𝘆 𝟮𝟯 𝗼𝗻 𝗟𝗲𝗲𝘁𝗖𝗼𝗱𝗲 Today I tackled one easy and one medium problem -- focusing on using objects to efficiently track array elements and their counts. 🧠 𝗜 𝘀𝗼𝗹𝘃𝗲𝗱: 🔹 1207. Unique Number of Occurrences 🔹 287. Find the Duplicate Number 💡 𝗞𝗲𝘆 𝘁𝗮𝗸𝗲𝗮𝘄𝗮𝘆: Objects can be super useful when you need to count, track, or compare array members efficiently. A solid step toward better data handling in JS 💪 #LeetCode #JavaScript #LearnInPublic #BuildInPublic #ProblemSolving #100DaysOfCode #WebDevJourney

🌀 𝗥𝗲𝗳𝗹𝗲𝗰𝘁 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 — 𝗧𝗵𝗲 𝗦𝗲𝗰𝗿𝗲𝘁 𝗣𝗮𝗿𝘁𝗻𝗲𝗿 𝗼𝗳 𝗣𝗿𝗼𝘅𝗶𝗲𝘀 In this article I explore how the native `Reflect` object works hand-in-hand with `Proxy` to give you meta-control over object operations. ⚙️ Here’s what you’ll take away: ✅ What `Reflect` really does — giving you transparent, predictable operations like `get`, `set`, `deleteProperty`, etc.  ✅ Why `Reflect` is often 𝘂𝘀𝗲𝗱 inside `Proxy` traps to forward default behaviour (so you intercept only what you need). ✅ Real-world patterns: logging access, enforcing rules, building reactive/decorated objects. 👉 𝗥𝗲𝗮𝗱 here: https://lnkd.in/dNge-Se6 Stay curious. Code smarter. 🧠 #JavaScript #WebDevelopment #Reflect #Proxies #Metaprogramming #CodingTips

𝗟𝗲𝘁'𝘀 𝘁𝗮𝗹𝗸 𝗮𝗯𝗼𝘂𝘁 𝗔𝗹𝗴𝗼𝗿𝗶𝘁𝗵𝗺𝘀! Let's start our series with the most familiar topic - 𝗕𝗶𝗴 𝗢. The concept of Big O describes how the 𝗿𝘂𝗻𝗻𝗶𝗻𝗴 𝘁𝗶𝗺𝗲 𝗼𝗿 𝗺𝗲𝗺𝗼𝗿𝘆 𝗰𝗼𝗻𝘀𝘂𝗺𝗽𝘁𝗶𝗼𝗻 of an algorithm increases as its input grows. That is, it is a way of measuring the efficiency of code in terms of the size of the input, regardless of the computer or the language in which it is written. We've all heard of the terms O(n), O(1) or O(n²) and didn't exactly understand what they meant. 💠𝘖(1) - 𝘊𝘰𝘯𝘴𝘵𝘢𝘯𝘵 𝘛𝘪𝘮𝘦 The running time does not change even if the input size increases. For example: Direct access to an element in an array by index (arr[0]). It doesn't matter if the array has 10 elements or a million - the operation will take the same time. 💠𝘖(𝘯) - 𝘓𝘪𝘯𝘦𝘢𝘳 𝘛𝘪𝘮𝘦 The running time increases at the same rate as the input. For example: Looping through all elements of an array. If we increase the amount of data by 2 times - the running time will also increase by about 2 times. 💠𝘖(𝘯2) - 𝘘𝘶𝘢𝘥𝘳𝘢𝘵𝘪𝘤 𝘛𝘪𝘮𝘦 The running time increases by the square of the input size. For example: A loop within a loop that goes through each element in front of every other element. If we increase the input by 2 times - the running time will increase by 4 times. #algorithms #BigO #javaScript #Developres #fullStack

⚡ Stop Using setTimeout() for Async Logic — Use This Instead 👨💻 If you’re still using this 👇 setTimeout(() => checkData(), 2000); to “wait” for data to load... you’re asking for timing bugs. 😬 Here’s the better, cleaner way 👇 async function loadData() { const data = await fetchData(); process(data); } ✅ No race conditions ✅ Easier to debug ✅ Scales better when logic grows Let the browser handle async — not your timer. Write predictable, stable code. That’s what separates juniors from pros. 💪 #JavaScript #Async #WebDevelopment #FullStackDeveloper #CodingTips #DeveloperVinod #Programming

Day 12 of JS series - by Rohit Negi What I learned: ✅ forEach() – Iterates over every element in an array. ✅ filter() – Filters elements from an array based on a specific condition and returns a new array. ✅ map() – Transforms each element of an array and returns a new array. ✅ reduce() – Reduces an array to a single value (of any data type). ✅ Set – A data structure that stores unique values. ✅ Map – A data structure that stores key-value pairs, where both keys and values can be of any data type. #LearnInPublic #JavaScript #WebDevelopment 

🧠 Mastering Logical Operators in JavaScript Whether you're debugging conditions or building smarter workflows, understanding logical operators is a must for every developer. Here’s a quick breakdown: 🔹 && (AND): All conditions must be true 🔹 || (OR): At least one condition must be true 🔹 ! (NOT): Inverts the boolean value 🔹 ?? (Nullish Coalescing): Returns the right-hand value if the left is null or undefined 💡 Example: const user = null; const name = user ?? "Guest"; // Output: "Guest" These operators are the backbone of decision-making in JavaScript. Whether you're validating forms, controlling access, or setting defaults—logic matters. 👨💻 Tip for beginners: Practice with real-world scenarios like login checks, feature toggles, or fallback values. #JavaScript #WebDevelopment #CodingTips #LogicalOperators #FrontendDev #TechLearning #AsifCodes

💡 structuredClone() vs JSON.parse(JSON.stringify()) Both are used for deep copying objects in JavaScript, but they’re not the same. 🧠 structuredClone() Creates a true deep copy (recursively copies nested data). Supports complex types: Date, Map, Set, Blob, etc. Handles circular references safely. Faster and more reliable. const clone = structuredClone(obj); ⚠️ JSON.parse(JSON.stringify()) Works only for simple JSON-safe data. Loses functions, Dates, Maps, Sets, and Symbols. Crashes on circular references. ✅ Use structuredClone() whenever available (modern browsers & Node 17+). Use the JSON trick only for plain, simple data. #JavaScript #WebDevelopment #Frontend #DeepCopy #CodingTips

🧩 Ever wondered how JavaScript knows which function to run next? Behind the scenes, there’s a powerful data structure managing it all — ✨ The Call Stack! ✨ Think of it as a stack of plates 🍽️ — the last plate added is the first to be removed. Call Stack = Function Manager 🧠 Works on LIFO Single-threaded execution Basis for async JS magic #JavaScript #WebDevelopment #FrontendDevelopment #WebDev #Coding #JavaScriptConcepts #LearnJavaScript #CodeNewbie #DevCommunity #100DaysOfCode #TechEducation