forEach - map

109 阅读1分钟

forEach和map都是用于遍历数组的方法,但它们在功能和返回值方面有一些区别

  1. 功能
  •  .  forEach方法用于遍历数组的每个元素,并对每个元素执行指定的操作。它没有返回值,只是对数组进行遍历操作
    
  •  .map方法也用于遍历数组的每个元素,但鱼forEach不同的是,它会对每个元素执行指定操作,并返回一个新数组,改数组包含了对每个元素执行操作后的返回值
    

2.返回值

  • forEach:适合在遍历数组过程中执行一些操作,如打印输出,修改原数组的元素等。而不需要返回新数组
    
  • map:适合在遍历数组的过程中执行一些操作,并根据操作结果生成一个新的数组。
    

    总结:forEach用于执行操作而不需要返回新的数组,而map用于执行操作并返回一个新的数组。选择使用哪种方式取决于具体需求,如果需要返回一个新的数组,则使用map,如果只需要遍历数组并执行操作,则使用forEach

map

const student = [
        {
          name: "张三",
          age: 18,
          grade: "高三",
        },
        {
          name: "李四",
          age: 19,
          grade: "高二",
        },
        {
          name: "王五",
          age: 20,
          grade: "高一",
        },
      ];
      const names = student.map((item) => {
        return item.name;
      });
      console.log(names);

forEach:

const student = [
        {
          name: "张三",
          age: 18,
          grade: "高三",
        },
        {
          name: "李四",
          age: 19,
          grade: "高二",
        },
        {
          name: "王五",
          age: 20,
          grade: "高一",
        },
      ];
      const names = [];
      student.forEach((item) => {
        names.push(item.name);
      });
      console.log(names)