Mastering JavaScript | FOR IN LOOP
Welcome back to our "Master JavaScript" course! In this video, we'll explore one of the fundamental concepts in JavaScript: the for...in loop.
The for...in loop is a powerful tool that allows us to iterate over the properties of an object. It consists of three components: key declaration, object reference, and property iteration. Let's see it in action with some examples:
1const person = {
2 name: "John",
3 age: 30,
4 city: "New York",
5};
6for (let key in person) {
7 console.log(key); // Output: name, age, city
8 console.log(person[key]); // Output: John, 30, New York
9}
10In this example, we declare the `key` variable to represent each property name (key) of the `person` object. The for...in loop iterates over each property, and we can access both the property name and its corresponding value using the `key` variable.
1const building = {
2 name: "Skyscraper",
3 floors: 50,
4 location: "City Center",
5};
6for (let key in building) {
7 console.log(key); // Output: name, floors, location
8 console.log(building[key]); // Output: Skyscraper, 50, City Center
9}In this new example, we have an object named `building` with different properties. The for...in loop allows us to access each property name (key) of the `building` object and retrieve its corresponding value dynamically.
Both the for loop and the for...in loop are essential tools in JavaScript for iterating through data and objects.
