Revising string conversions with JavaScript's toString() method

🚀 Day 7 of My 30 Days of JavaScript Journey ✅ Challenge: Array Reduce Transformation (LeetCode #2626) Write a function reduce(nums, fn, init) that processes each element of the array using the given reducer function fn, starting from an initial value init. This function should accumulate results sequentially and return the final value — implemented without using the built-in Array.reduce() method. 💻 Language Used: JavaScript ❓ Problem Link: https://lnkd.in/gxsp26cz 💡 Solution: https://lnkd.in/giZj_hYw 🧠 Concept Highlighted: This problem deepened my understanding of accumulator functions, data aggregation, and sequential computation in JavaScript. It helped me explore how the powerful reduce() method works behind the scenes — a key tool for transforming and summarizing data efficiently. #Day7 #JavaScript #LeetCode #30DaysOfCode #CodingChallenge #WebDevelopment #FrontendDevelopment #LearningEveryday #ProblemSolving #FunctionalProgramming

🚀 Day 5 of My 30 Days of JavaScript Challenge 🧩 Problem: Apply Transform Over Each Element in Array (LeetCode #2635) Given an integer array arr and a mapping function fn, return a new array such that: newArray[i] = fn(arr[i], i) Solve this without using the built-in Array.map() method. 💻 Language: JavaScript ❓ Question: https://lnkd.in/eq8qYfpb 💡 Solution: https://lnkd.in/eT5U2kBp 🧠 Concepts Used: Higher-order functions (passing functions as arguments) Loops and callback functions Core idea behind how .map() works internally 📚 Takeaway: By recreating the Array.map() method manually, I learned how callback execution and array transformations work under the hood — a must-know for mastering JavaScript fundamentals. #Day5 #JavaScript #30DaysOfCode #LeetCode #CodingChallenge #WebDevelopment #FrontendDevelopment #100DaysOfCode

🚀 JavaScript Quick Tip: Type Coercion Made Simple! Have you ever wondered why: "1" + 2 // gives "12" "1" - 2 // gives -1 🤔 Let’s decode it 👇 JavaScript automatically converts values when needed — this is called Type Coercion. Here’s the simple rule to remember: 🧠 + → tries to make things strings (joins values together) -, *, / → try to make things numbers (do math operations) 💡 Pro Tip: Always be clear about data types — it’ll save you from some tricky JavaScript bugs! #javascript #webdevelopment #codingtips #typecoercion #frontend

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 }

TransformStreams in JavaScript provide a built-in way to transform data efficiently. A TransformStream has both a writable and a readable side. Anything written to the writable side is emitted from the readable side, making it function like an Obserbavle. This structure makes it ideal for creating lightweight systems such as a simple pub/sub setup, where data can be published through the writable end and subscribed to through the readable end. I built a small library that demonstrates this concept, and it’s available here: https://lnkd.in/d5td6M6c

✨ Day 10 — How JavaScript Code Works Behind The Scenes! ✨ Today, I went beyond the syntax to understand how JavaScript actually executes code behind the scenes — the hidden engine that makes everything run! ⚙️💻 I began by learning about the Execution Context — the environment where JavaScript code runs — and how it’s created in two key phases: Memory Allocation and Execution. 🧠 Then, I explored how Function Call Execution Contexts are formed and managed using the Call Stack and Heap, helping me visualize how JavaScript handles both primitive values and objects in memory. 📚 I also dived deep into Hoisting, understanding why variables declared with var show up as undefined, and how let & const behave differently due to the Temporal Dead Zone. ⚡ Finally, I wrapped up by studying Function Expressions, Hoisting mechanics, and how the JavaScript Interpreter runs code step by step — truly connecting all the dots behind execution! 🚀 This session gave me a crystal-clear understanding of what happens before a single line of JavaScript runs — the real “magic” behind the language! ✨ #Day10 #JavaScript #WebDevelopment #100DaysOfCode #LearningEveryday #CodingJourney #FrontendDevelopment #Hoisting #ExecutionContext #JSBehindTheScenes

🚀 JavaScript Revision Series — Day 2 Today I revised one of the most important concepts in JavaScript: Primitive vs Reference Data Types — the reason why kabhi kabhi code “unexpected” behave karta hai 😅 🟡 Primitive Data Types (String, Number, Boolean, Null, Undefined, Symbol, BigInt) 📌 They always pass copies, so original value safe. 🔵 Reference Data Types (Arrays, Objects, Functions) 📌 They pass reference, so ek me change = dono me change. Example: arr2 = arr1; arr2.pop(); 👉 Dono arrays change 😭 --- 😄 Little JavaScript Moment Real life: 5 + 1 = 6 JavaScript: "5" + 1 = "51" Why? Because JS said: > “+? Oh, you want string mode!” 😂 But "5" - 1 = 4, kyun? > “Subtraction? Number mode on!” --- 🔍 Extra Concepts Covered ✔ typeof ✔ == vs === ✔ Type conversion basics --- 🔗 Daily Practice Repo: https://lnkd.in/ejQk84Zg Learning step by step, and enjoying the process! 💻✨ #JavaScript #JavaScriptBasics #LearningJourney #WebDevelopment #FrontendDevelopment #CodingJourney #MERNStack #MernStackLearner #ConsistencyIsKey #Saylani #SMIT #DeveloperCommunity

Today I learned three powerful JavaScript methods: map(), filter(), and reduce() 🧠 These methods make working with arrays super efficient — instead of writing long loops, you can do everything in just a few lines of clean code! map() → transforms each element filter() → filters elements based on condition reduce() → reduces all elements into a single value (like sum or total) Learning how they work together really changed the way I think about data manipulation in JS 😍 #JavaScript #FrontendDevelopment #CodingJourney #WebDevelopment #LearningEveryday

𝗪𝗲𝗲𝗸 𝟱 𝗨𝗽𝗱𝗮𝘁𝗲 Major milestone this week: 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗹𝗲𝘅𝗲𝗿 𝗶𝘀 𝗰𝗼𝗺𝗽𝗹𝗲𝘁𝗲 and the 𝗚𝗼 𝗽𝗼𝗿𝘁 𝗶𝘀 𝗹𝗶𝘃𝗲. 𝗪𝗵𝗮𝘁 𝗴𝗼𝘁 𝗱𝗼𝗻𝗲: 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: 𝗖𝗼𝗺𝗽𝗹𝗲𝘁𝗲: • Lexer stable with malformed HTML handling • Major refactor done - addition of new StateMachine class and builder patterns • Code is cleaner & more maintainable 𝗚𝗼 𝗣𝗼𝗿𝘁: 𝗜𝗻𝗶𝘁𝗶𝗮𝗹 𝗥𝗲𝗹𝗲𝗮𝘀𝗲: • Working Go implementation pushed to GitHub • Core functionality intact, parsing HTML successfully • Maintained clean architecture while adapting to Go idioms 𝗡𝗲𝘅𝘁 𝘄𝗲𝗲𝗸: • Bug fixes and unit tests for Go version (targeting 97%+ coverage) • Start DOM tree builder planning Code(JS version): https://lnkd.in/gcRNJuva Code(GoLang version): https://lnkd.in/g8HMKvPv #SoftwareEngineering #GoLang #JavaScript #OpenSource #CleanCode

Building a Basic Calculator in JavaScript 🔹 Ever wondered how to evaluate a math expression like '1 + (4 + 5 + 2) - 3' in JavaScript without using eval()? Here's a clean way to do it using stacks. Key Concepts: Stack for previous results and signs: Keeps track of nested parentheses. Sign management: Helps handle + and - correctly. Iterative parsing: Converts string digits into numbers. Avoids the dangers of eval(). Can handle nested parentheses. Shows how stack-based algorithms can solve real-world problems elegantly.