Flatten Nested Arrays in JavaScript with Examples

🚀 Understanding Factory Functions in JavaScript Ever felt confused using constructors and the new keyword? 🤔 That’s where Factory Functions make life easier! 👉 A Factory Function is simply a function that creates and returns objects. 💡 Why use Factory Functions? ✔️ No need for new keyword ✔️ Easy to understand (perfect for beginners) ✔️ Avoids this confusion ✔️ Helps in writing clean and reusable code ✔️ Supports data hiding using closures 🧠 Example: function createUser(name, age) { return { name, age, greet() { console.log("Hello " + name); } }; } const user = createUser("Sushant", 21); user.greet(); ⚠️ One downside: Methods are not shared (can use more memory) 🎯 Conclusion: Factory Functions are a great way to start writing clean and maintainable JavaScript code without complexity. #JavaScript #WebDevelopment #FrontendDeveloper #CodingJourney #LearnToCode #100DaysOfCode

🚀 Struggling to remember JavaScript array methods? You’re not alone. 💡 Arrays are one of the most powerful parts of JavaScript — and mastering their methods can seriously level up your coding skills. 🔹 Why Array Methods Matter • Help you write cleaner and shorter code • Make data manipulation easy and efficient • Replace complex loops with simple logic 🔹 Must-Know Categories • Adding/Removing → push, pop, shift, unshift • Transformation → map, filter • Searching → find, findIndex, includes • Aggregation → reduce • Utility → slice, splice, sort, reverse 🔹 Pro Tip ✨ 👉 If you understand map, filter, and reduce, you’re already ahead of most developers. 📌 Don’t just memorize — practice them in real projects. #JavaScript #WebDevelopment #FrontendDevelopment #Coding #LearnToCode #100DaysOfCode

Today was one of those days where things finally clicked While working on one of my ongoing projects, I built a VS Code–like File Explorer from scratch in React — and it turned out to be a great learning experience. Here’s what I explored 🔹 Built a recursive tree structure to handle nested folders & files 🔹 Understood how recursion actually works in real UI problems 🔹 Implemented core features: → Create file / folder → Delete (with full nested structure) → Dynamic rendering 🔹 Learned an important pattern: 🔹filter + map + recursion = tree operations 🔹 Got deeper clarity on handling nested data: → Managing deeply nested state → Updating tree efficiently → Thinking recursively instead of flat logic Biggest takeaway: If you truly understand recursion, you can solve complex UI problems much more cleanly. Building real features inside projects hits very different than just watching tutorials #React #FrontendDevelopment #WebDevelopment #LearningInPublic #JavaScript #BuildInPublic

📘 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 𝐌𝐨𝐝𝐮𝐥𝐞 (𝐁𝐚𝐬𝐢𝐜) 𝐒𝐞𝐜𝐭𝐢𝐨𝐧 6: 𝐀𝐫𝐫𝐚𝐲 & 𝐋𝐨𝐨𝐩𝐬 🔹 𝐀𝐫𝐫𝐚𝐲 𝐐𝐮𝐞𝐬𝐭𝐢𝐨𝐧𝐬 1.What is array / collection / list? Why use it? 2.Array syntax / How to declare an array? 3.What is array index? 4.Array index starts from? 5.How to access element? 6.How to set value? 7.Findout Array length / How to find total length? 8.Array methods? 9.What is array method? 10.Why use array method? 🔹 𝐋𝐨𝐨𝐩 𝐐𝐮𝐞𝐬𝐭𝐢𝐨𝐧𝐬 1.What is loop? 2.Why use loop? 3.Loop structure? 4.Types of loop? 5.Array loop / Array specific loops? 6.Array is immutable or mutabl? 7.What is loop iteration? 8.Loop control statements? 9.What is array of object? 10.Why use array of object? 🎯 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 𝐐𝐮𝐞𝐬𝐭𝐢𝐨𝐧𝐬 (𝐄𝐱𝐭𝐫𝐚) 1.What is the main difference between slice() and splice()? 1.What is the difference between map() and forEach()? (Which one should you use when?) 2.What is the difference between filter() and find()? (Which one should you use when?) 3.When to use reduce()? 4.Difference between for...in() and for...of()? #DotNet #AspNetCore #MVC #FullStack #SoftwareEngineering #ProgrammingTips #DeveloperLife #LearnToCode #JavaScript #JS #JavaScriptTips #JSLearning #FrontendDevelopment #WebDevelopment #CodingTips #CodeManagement #DevTools

Most developers use JavaScript… but don’t truly understand it. Here’s the truth: If you don’t understand: Hoisting Scope Execution Context You’re not writing JavaScript… You’re just guessing Example: Why does this work? console.log(a); var a = 10; And this breaks? console.log(b); let b = 10; The answer lies in how JavaScript executes code internally. Behind every line of JS: Execution Context is created Memory is allocated (Hoisting) Scope chain is formed Then code runs Once you understand this, everything clicks: Closures Async JS Debugging complex bugs This is not “advanced”… This is fundamentals most people skip. Start mastering the engine, not just the syntax. Follow Royal Decode for more real dev insights #JavaScript #CodingJourney #FrontendDeveloper #ProgrammingLife #DevTips #LearnJavaScript #RoyalResearch

🚀 Day 30 of My Full Stack Development Journey Today I explored String methods in JavaScript and learned how to manipulate and work with text data effectively ⚡ Here’s what I learned today: 🔹 String Methods – Working with built-in functions 🔹 trim() – Removing extra spaces 🔹 Strings are Immutable – Understanding how strings behave in JS 🔹 toUpperCase() & toLowerCase() – Changing text case 🔹 indexOf() – Finding positions in a string 🔹 Method Chaining – Combining multiple methods 🔹 slice() – Extracting parts of a string 🔹 replace() & repeat() – Modifying and repeating text 🔹 Practiced several questions to strengthen my understanding 💻 It’s interesting to see how powerful JavaScript becomes when working with strings. Step by step, improving my coding skills and logic 🚀 #FullStackJourney #WebDevelopment #JavaScript #LearningInPublic #100DaysOfCode #CodingJourney

🚀 Cracking Big-O in JavaScript (Without Overthinking It) If you’re preparing for interviews, one thing that always shows up is Big-O notation. And honestly, it’s not as scary as it looks once you get the intuition right. Here’s how I simplified it for myself 👇 👉 What is Big-O? It tells you how your code performs as input size grows. In simple terms: “If my data increases, how slow (or fast) does my code become?” 💡 Common Time Complexities (with JS examples) ✅ O(1) – Constant Time No matter how big the input is, time stays the same. const getFirst = (arr) => arr[0]; ✅ O(n) – Linear Time Time grows as input grows. arr.forEach(item => console.log(item)); ✅ O(n²) – Quadratic Time (Nested loops 😬) Performance drops quickly as input increases. for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length; j++) { console.log(arr[i], arr[j]); } } ✅ O(log n) – Logarithmic (Binary Search vibes) Cuts problem in half each time → super efficient. 🔥 Arrays vs Objects (Interview Gold) 👉 Arrays: Access by index → O(1) Search → O(n) Insert/Delete (middle) → O(n) 👉 Objects: Access → O(1) Insert/Delete → O(1) No ordering → faster operations ⚡ Pro Tip (What interviewers actually check) They don’t expect you to memorize everything. They check if you can: Recognize inefficient code Optimize logic Explain trade-offs clearly 💬 My Realization Earlier I used to memorize complexities and still get stuck. But once I started thinking in terms of loops and operations, everything clicked. Now whenever I write code, I ask: 👉 “How many times is this running?” That one question changes everything. If you’re struggling with Big-O, don’t worry — it’s just practice + pattern recognition. Let’s keep improving 💪 #JavaScript #BigO #DSA #Frontend #InterviewPrep

What is the difference between shallow copy and deep copy? Copying objects in JavaScript is not always what it seems. A `shallow copy` duplicates only the first level. Nested objects are still shared by reference. A `deep copy` duplicates everything recursively. Why did this happen? - The top-level object was copied - But `address` still points to the same reference To fully isolate data, a deep copy is required. Understanding this is critical when: - Managing state - Avoiding unintended mutations - Debugging shared data issues The behaviour is subtle — but the impact is everywhere. #Frontend #JavaScript #WebDevelopment #SoftwareEngineering

#Hello #Connections 👋 #100DaysOfCodeChallenge | #Day58 Project: Live Code Editor What I built Today I built a Live Code Editor where you can write HTML, CSS, and JavaScript and instantly see the output — similar to a mini CodePen. Technologies Used HTML5 CSS3 JavaScript (DOM Manipulation, iframe, eval) Challenge I faced Rendering HTML, CSS, and JavaScript together in real-time without refreshing the page. How I solved it Used an iframe for live preview and dynamically injected HTML & CSS, while executing JavaScript using eval(). Live Demo: https://lnkd.in/dnKJwx9J Open to feedback and suggestions Code Of School Avinash Gour | Ritendra Gour #FrontendDeveloper #JavaScript #WebDevelopment #100DaysOfCode #DeveloperJourney #Coding #UIUX

🚀 Day 14/100 – Arrays in JavaScript = Small Methods, Big Power! Today I went back to basics and realized something powerful 👇 👉 Mastering array methods = writing cleaner, smarter code. Here’s a quick breakdown of what I revised 👇 💡 Transform & Create split() → turns a string into an array "hello world".split(" ") // ["hello", "world"] 💡 Add Elements push() → add at the end unshift() → add at the beginning let arr = [2,3]; arr.push(4); // [2,3,4] arr.unshift(1); // [1,2,3,4] 💡 Remove Elements pop() → removes last element arr.pop(); // [1,2,3] 💡 Find & Check indexOf() → find position [10,20,30].indexOf(20) // 1 💡 Rearrange reverse() → flips the array [1,2,3].reverse() // [3,2,1] 💡 Convert toString() → array → string join() → array → custom string [1,2,3].join("-") // "1-2-3" ✨ Big Realization: These aren’t just “methods”… they’re tools to think better in code. The more I practice, the more patterns I start seeing 🔁 📈 Consistency > Intensity Day by day, getting sharper. #100DaysOfCode #JavaScript #CodingJourney #LearnInPublic #WebDevelopment #LearningInPublic Sheryians Coding School Sheryians Coding School Community