Contenido del Curso

JavaScript Data Structures

1. Introduction and Prerequisites

Introduction to JavaScript Data Structures Prerequisites for Learning JavaScript Data Structures What You'll Learn in This Course Tips for Success

2. Fundamentals of JavaScript Objects

Understanding Objects in JavaScript Creating Objects in JavaScript Working with Nested Object Properties Challenge: Create and Structure an Object Accessing Object Properties in JavaScript Challenge: Retrieve Object Property Values Managing Object Properties Challenge: Modify and Extend an Object Defining Object Methods Using Properties within Methods Challenge: Work with Object Methods Fundamentals of JavaScript Objects Sum-Up

3. Advanced Object Manipulation Techniques

Iterating Over Object Properties with the for...in Loop Challenge: Explore Object Properties with Iteration Using hasOwnProperty() to Check Object Properties Challenge: Object Property Iteration with hasOwnProperty()Cloning and Merging Objects with the Spread Operator Challenge: Combine Objects with the Spread Operator Destructuring Objects for Cleaner Code Challenge: Extract Data with Object Destructuring Advanced Object Manipulation Sum-Up

4. Mastering JavaScript Arrays

Understanding JavaScript Arrays Challenge: Access Array Elements Modifying Arrays and Accessing Elements Challenge: Modify Array Elements Iterating Over Arrays with the for Loop Challenge: Loop Through Arrays with for Using the for...of Loop for Array Iteration Challenge: Efficient Array Iteration with for...of Mastering JavaScript Arrays Sum-Up

5. Advanced Array Methods and Transformations

Transforming Arrays with the map() Method Challenge: Modify Array Elements Using map()Filtering Arrays with the filter() Method Challenge: Select Specific Data Using filter()Finding Elements in an Array with the find() Method Challenge: Search for Items Using find()Sorting Arrays with the sort() Method Challenge: Sort and Extract Data with sort()Advanced Array Methods and Transformations Sum-Up Course Summary

Challenge: Efficient Array Iteration with for...of

Task

You are given an array of objects. Each object represents a friend's information. The task is to create a for...of loop to iterate through the array and add one more property to each object that should be: online: false.

Use a for...of loop to iterate through the friends array.
Inside the for...of loop, use the dot notation to add the property.


              123456789101112131415161718192021222324
            
const friends = [
  {
    name: "Gail Russel",
    address: "803 Kozey Rapid",
    phone: "(317) 833-9935 41777",
  },
  {
    name: "Mrs. Laurie Wunsch",
    address: "7361 Austin Road",
    phone: "(728) 884-9049 4760",
  },
];

// Use a `for...of` loop
for (const friend of ___) {
  friend.___ = ___;
}

// Logging specific properties after modifications
for (const friend of friends) {
  console.log(
    `Friend name is ${friend.name}, ${friend.online ? "online" : "offline"}`
  );
}

Expected Output:

To create a for...of loop, use the following syntax: for (const element of array) { ... }.
Use the dot notation (.) to add a property (online) and assign it the value false.


              123456789101112131415161718192021222324
            
const friends = [
  {
    name: "Gail Russel",
    address: "803 Kozey Rapid",
    phone: "(317) 833-9935 41777",
  },
  {
    name: "Mrs. Laurie Wunsch",
    address: "7361 Austin Road",
    phone: "(728) 884-9049 4760",
  },
];

// Use a `for...of` loop
for (const friend of friends) {
  friend.online = false;
}

// Logging specific properties after modifications
for (const friend of friends) {
  console.log(
    `Friend name is ${friend.name}, ${friend.online ? "online" : "offline"}`
  );
}

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 4. Capítulo 8