Control Flow in JavaScript: If Else and Switch Explained

🐞 A tiny JavaScript mistake that can break your code. Look at this snippet: function check(){ let first = 1; let First = 1; let res = 0; if(first == First){ res = 1; return res; } } console.log(res); Looks simple, right? But running this code will throw a ReferenceError. Here’s why 👇 🔹 JavaScript is case-sensitive first and First are two different variables. 🔹 Function scope matters res is declared inside the function, so it cannot be accessed outside of it. That’s why this line fails: console.log(res); ✅ Correct way: const result = check(); console.log(result); 💡 Lesson: Most bugs in programming aren't complex algorithms — they’re small details like scope, naming, and function usage. And those details matter. What’s the smallest bug that cost you the most debugging time? 👨💻 #JavaScript #CodingTips #WebDevelopment #Programming #DeveloperLife

⚠️ The Danger of Splicing Arrays in a Loop "While solving the 'Move Zeroes' challenge today, I encountered a classic JavaScript pitfall: Modifying an array's length while iterating over it. The Mistake: Using .splice() inside a for loop. When you remove an element, the next one shifts left, and your loop index skips it! The Lesson: Always adjust your index or, even better, use the Two-Pointer technique. It's not just safer; it's much more performant for large datasets. Small bugs teach the biggest lessons! 🚀" "Did you know? JavaScript (ES6) allows you to swap array elements in a single line using destructuring : [a, b] = [b, a]. Clean, readable, and efficient!" Feel free to check out my progress and solutions on my LeetCode profile: I've shared my LeetCode profile link in the first comment below! #JavaScript #CodingTips #WebDevelopment #ProblemSolving #LeetCode #AngularDeveloper

🚀 Just Published My New Blog! I’ve written a beginner-friendly guide on Control Flow in JavaScript — covering: ✅ What control flow means ✅ if statement ✅ if-else statement ✅ else-if ladder ✅ switch statement If you're learning JavaScript, this will help you understand decision-making in code clearly. 🔗 Read here: https://lnkd.in/d9RNEYNy Feedback is always welcome! 🙌 #JavaScript Hitesh Choudhary Piyush Garg Akash Kadlag Jay Kadlag Anirudh Jwala Chai Aur Code

🚀 30 Days of JavaScript – Day 4 Continuing my journey to improve JavaScript logical thinking by building small programs every day. 💡 Today’s Program: Vowel Identifier & Replacement This program: i) Takes a name as input ii) Identifies vowels (a, e, i, o, u) iii) Replaces vowels with * iv) Counts the total number of vowels in the name 🧠 Concepts Used: prompt() for user input for loop for iteration toLowerCase() for case handling includes() method Conditional logic (if / else) Example: Input → john Output → j*hn Total Vowels → 1 🎥 Demo below 👇 Full source code in the first comment. #JavaScript #WebDevelopment #CodingJourney #ProblemSolving #LearningJavaScript #30DaysOfCode

JavaScript Variable Decision Tree: var, let, or const........................... When declaring variables in JavaScript, choose based on reassignment needs. If the value will never be reassigned, use const. It’s ideal for constants, configuration values, objects, arrays, and functions. If the value will change, use let. It works well for loop counters, accumulators, flags, and temporary variables because it allows reassignment while remaining block-scoped. Avoid using var in modern JavaScript, as it is function-scoped and can cause scope-related bugs. It should only be used when working with legacy codebases. Prefer const by default, and use let only when reassignment is necessary. #JavaScript #Programming #WebDevelopment #Coding #ES6 #Let #Const #Var #CleanCode

🚀 A JavaScript this Behavior That Surprised Me Consider this code: const user = { name: "Inderpal", greet() { console.log(this.name); } }; const greetFn = user.greet; greetFn(); Expected: Inderpal Actual output: undefined Why? Because this in JavaScript is not determined where a function is written. It’s determined by how the function is called. When we did: user.greet() this referred to user. But when we did: const greetFn = user.greet; greetFn(); The function lost its object context. So this became undefined (in strict mode) or the global object. ✅ One way to fix this is using bind: const greetFn = user.greet.bind(user); greetFn(); Now this will always refer to user. In JavaScript, understanding how this works is more important than memorizing syntax. #javascript #frontenddeveloper #webdevelopment #coding #softwareengineering

> Day 12/21 : JavaScript Control Flow As part of my 21-Day Full Stack Revision Challenge, today I revised control flow in JavaScript, which helps programs make decisions and repeat tasks. Control flow is important because it allows the program to execute different actions based on conditions. > Topics I Covered If–Else Statements – Used to execute code based on conditions Switch Statements – A cleaner way to handle multiple conditions Loops – Used to repeat a block of code multiple times > Why It Matters Control flow helps developers build logical and dynamic programs by controlling how and when code runs. Day 12 completed #FullStackDeveloper #JavaScript #WebDevelopment #LearningInPublic #21DaysChallenge #CodingJourney

I practiced destructuring in JavaScript, and it’s a very useful feature. Using destructuring, we can easily extract values from arrays and objects. For arrays, we use square brackets []. For objects, we use curly braces {}. In arrays, values are assigned based on their position, and in objects, they are assigned based on property names. Such a clean and efficient way to work with data. #JavaScript #Destructuring #ES6 #WebDevelopment #LearningJourney

Day 1 of 30 days of javascript challenge. problem-2667 Problem - Write a function createHelloWorld that returns another function, that returns "Hello World" As this is my first code, I revised my notes on javascript scope. ☑️ Function scope - Any variables declared inside a function body cannot be accessed outside the function body, but global variables can be used inside function body ☑️ Block scope - Any variable declared inside { } cannot be used outside the { } block, although it supports only let and const keyword, var can be used ☑️ Lexical scope - A variable declared outside a function can be accessed inside another function defined after the variable declaration. (The opposite is not true ) This problem uses the concept of closures and higher order functions. Please feel free to discuss where can I improve the code or if you have a different perspective, comment below your views. #javascript #coding #development #motivation #goals #leetcode #webdevelopment

🔐 Understanding encodeURIComponent() and decodeURIComponent() in JavaScript When working with URLs in JavaScript, handling special characters properly is essential. That’s where encodeURIComponent() and decodeURIComponent() come in. ✅ encodeURIComponent() : This function encodes a URI component by converting special characters into a format that can be safely transmitted in a 👉 Why this matters: 🔹 Spaces become %20 🔹 & becomes %26 🔹 Special characters won’t break query strings ✅ decodeURIComponent() : This function reverses the encoding and converts it back to its original format. 🎯 When Should You Use Them? ✔ Passing user input in query parameters ✔ Handling special characters safely ✔ Preventing malformed URLs ✔ Working with APIs Proper URL encoding ensures reliability, security, and clean data transmission between client and server. #JavaScript #WebDevelopment #FrontendDevelopment #Programming #CleanCode #TechTips