**Course Title:** Modern JavaScript Programming: From Fundamentals to Full-Stack Development **Section Title:** Control Structures and Functions **Topic:** Write JavaScript programs that use control structures and functions with arrow function syntax. (Lab topic) In this lab, you will learn how to write JavaScript programs that utilize control structures and functions, focusing on the concise syntax of arrow functions. By the end of this lab, you will be able to write efficient and readable JavaScript code using arrow functions and control structures. **Prerequisites** Before starting this lab, make sure you have completed the previous topics: 1. Introduction to JavaScript and Setup 2. Control Structures and Functions (conditionals, looping structures, functions, scopes, and closures) **Understanding Arrow Functions** Arrow functions, introduced in ECMAScript 2015 (ES6), provide a concise way to define small, single-purpose functions. They are particularly useful when working with event handlers, callbacks, and functional programming. An arrow function has the following basic syntax: ```javascript // Basic syntax const functionName = (parameters) => { statements } // Example: A simple arrow function that adds two numbers const add = (x, y) => { return x + y; } ``` **Using Arrow Functions with Control Structures** Let's explore how to use arrow functions with control structures, such as conditionals and looping structures. **Example 1: Conditional Statements with Arrow Functions** Create a program that uses an arrow function to determine whether a number is even or odd: ```javascript // Create an arrow function that takes a number as input const isEven = (num) => { return num % 2 === 0; } // Use the arrow function with a conditional statement const num = 5; if (isEven(num)) { console.log(`${num} is even.`); } else { console.log(`${num} is odd.`); } ``` **Example 2: Looping Structures with Arrow Functions** Create a program that uses an arrow function to iterate over an array and print each element to the console: ```javascript // Create an arrow function that takes an array as input const printArray = (arr) => { arr.forEach((element) => { console.log(element); }); } // Use the arrow function with an array const numbers = [1, 2, 3, 4, 5]; printArray(numbers); ``` **Example 3: Using Arrow Functions with the `filter()` Method** Create a program that uses an arrow function with the `filter()` method to filter an array of numbers and return only the even numbers: ```javascript // Create an arrow function that takes a number as input const isEven = (num) => { return num % 2 === 0; } // Use the arrow function with the filter() method const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.filter(isEven); console.log(evenNumbers); // Output: [2, 4] ``` **Lab Exercises** Complete the following exercises to reinforce your understanding of using arrow functions with control structures: 1. Create a program that uses an arrow function to determine whether a number is within a specific range (e.g., between 1 and 10). Use a conditional statement to print a message to the console. 2. Write a program that uses an arrow function with the `map()` method to double each element in an array of numbers. 3. Create a program that uses an arrow function with the `reduce()` method to calculate the sum of an array of numbers. **Conclusion** In this lab, you learned how to write JavaScript programs that utilize arrow functions with control structures. By mastering arrow functions, you can write more concise and readable code. Practice using arrow functions in your own projects and explore their applications in functional programming. **Additional Resources** For further learning and practice, refer to the following resources: * Mozilla Developer Network (MDN): [Arrow function syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) * W3Schools: [JavaScript Arrow Function](https://www.w3schools.com/js/js_arrow_function.asp) **What's Next** In the next topic, we will cover creating and working with objects and arrays in JavaScript. If you have any questions or need help with this topic, please leave a comment below.