30 Days JavaScript Challenge: Merging Arrays by ID

30 Days JavaScript Challenge : Day 20 ✅ Today’s problem was about checking whether a given object or array is empty. At first glance, it looks very simply, but it makes you think about how data structures actually store values whether it’s checking keys in an object or elements in an array. Also tried to think about how this can be done efficiently, even aiming for O(1) time complexity. Problems like these remind me that even basic concepts can have deeper layers when you try to implement them properly. 20 days in consistency is building up, one problem at a time. 💻🚀 #javascript #leetcode #webdevelopment #frontenddeveloper #codingchallenge #learninginpublic #developers #programming #buildinpublic

30 Days JavaScript Challenge : Day 26 ✅ Today’s problem was about flattening a multi-dimensional array, but with a twist we were given a depth n and had to flatten only up to that level. Not a full flatten, not a shallow one… somewhere in between. It really makes you think about recursion and depth control: When to go deeper When to stop How to keep track of current depth What I liked is how this problem builds intuition around nested data structures something you see a lot in real apps (APIs, configs, UI trees, etc.). Slowly getting more comfortable with recursion and thinking in layers. #javascript #leetcode #webdevelopment #frontenddeveloper #codingchallenge #learninginpublic #developers #programming #buildinpublic

🚀 Binding 'this' in JavaScript Event Handlers within Classes (Oop Concepts) In JavaScript classes, when using `this` inside event handlers, it's crucial to ensure that `this` refers to the class instance. If not bound correctly, `this` may refer to the global object (window) or be undefined. Common solutions include using `bind(this)` in the constructor, using arrow functions which lexically capture `this`, or using the `addEventListener` method with a bound function. These techniques correctly associate the event handler's `this` context with the object instance. #oopconcepts #programming #coding #tech #learning #professional #career #development

30 Days JavaScript Challenge : Day 24 ✅ Today’s problem was about sorting an array using a custom function. Instead of directly sorting values, we use a function fn to decide the order — basically telling JavaScript how to compare elements. At first it feels simple, but it actually shows how powerful sorting can be when you control the logic: Sorting objects based on a property Sorting nested arrays Custom ranking based on conditions It’s one of those concepts that looks basic but is used everywhere in real projects. Slowly getting more clarity on how to write flexible and reusable logic in JavaScript. #javascript #leetcode #webdevelopment #frontenddeveloper #codingchallenge #learninginpublic #developers #programming #buildinpublic

Understanding JavaScript Variables Variables are the foundation of programming — they store data that your application can use and modify. 📌 Types of Variables: 🔹 Local Variables Declared inside a function Accessible only within that function 🔹 Global Variables Declared outside functions Accessible from anywhere in the script 💡 Key Insight: Use local variables for better control and avoid unnecessary global variables to prevent conflicts. 👉 How do you manage variable scope in your projects? #JavaScript #WebDevelopment #Frontend #Coding #Developers #Learning #Programming

Sharing beginner-friendly notes on Object-Oriented Programming (OOP) in JavaScript 🧠 Covered core concepts like Classes, Constructors, Inheritance, Encapsulation, Polymorphism, Getters/Setters, Static methods, and Private fields (#) with clear examples. Also explained how super, instanceof, and prototypes work behind the scenes. A practical guide to understanding how OOP works in modern JavaScript. Feedback and suggestions are welcome! #JavaScript #OOP #Coding #Learning #Programming

30 Days JavaScript Challenge : Day 27 ✅ Today’s problem was about creating a compact object basically removing all falsy values from an object or array, even if they are nested. At first glance it looks easy, but once nested structures come in, it gets interesting. This problem really tests your understanding of: Falsy values (null, 0, false, "", etc.) Recursion for nested objects/arrays Treating arrays like objects (since indices are keys) It’s one of those questions that feels very practical like cleaning API responses or filtering unwanted data before using it. Definitely helped me think more deeply about how JavaScript handles data structures. Almost at the end now… consistency paying off 🚀 #javascript #leetcode #webdevelopment #frontenddeveloper #codingchallenge #learninginpublic #developers #programming #buildinpublic

30 Days JavaScript Challenge: Day 23 ✅ Today’s problem was about building our own version of groupBy() something that’s actually super useful in real projects. The idea was simple: Take an array, run a function on each element, and group elements based on the key that function returns. What I liked about this one is how it makes you think about data transformation not just looping, but structuring data in a cleaner and more usable way. Something like: Group users by id Split numbers based on a condition Organize data for UI rendering All of this becomes much easier once you understand this pattern. Another small step, but feels like I’m getting better at writing cleaner and more practical JavaScript. #javascript #leetcode #webdevelopment #frontenddeveloper #codingchallenge #learninginpublic #developers #programming #buildinpublic

this in JavaScript looks simple… until it starts pointing to the wrong thing 😵 Same function, different outputs — just because of how it’s called. So what does this actually mean? 👉 It’s not about where the function is written 👉 It’s about who is calling the function In this blog, I’ve explained: What this really represents this in global context this inside objects and functions How calling context changes everything Kept it simple with clear examples (no unnecessary theory) ✨ 🔗 Read here: https://lnkd.in/dMkPffeA Would appreciate your feedback 🙌 #javascript #webdevelopment #programming #coding

Came across a classic JavaScript interview question today! 💡 👉 Find the first repeating character in a string. 🔹 The trick is simple track characters as you iterate and return the first one you’ve already seen. 🧠 Key Insight: “Seen before? Return immediately.” — no need for nested loops or sorting. This approach gives an efficient O(n) solution 🚀 #JavaScript #CodingInterview #DSA #WebDevelopment #Programming #TechSkills #CareerGrowth