几种关于Javascript的数组方法

1、Array.map()方法。（在原始的数组创建一个新的数组。）

map() 方法是常用于创建新数组、修改其内容并保持原始数组不变的方法。它可以修改现有数组的内容并将结果存储为新数组。
接收参数示例

 this.form1.areaOptions = res.data.map((value, i) => {
             //可加if条件根据情况自己定
              return {
                id: value.id,
                name: value.name,
                cities: [],
              };
 });

2、Array.filter()方法。（在原始的数组创建一个新的数组。）

根据特定条件获取数组中的元素，通过某个标识过滤数组得到一个新的数组。当您想要从数组中删除不符合特定条件/条件的元素时运用此方法。
接收参数示例

this.list1 = res.list.filter((item, i) => {
            if (i < 2) {
              return { ...item };
            }
 });

3、Array.forEach()方法。（简单地循环任何数组的每个元素而不构造新数组。 ）

在数组上循环并对每个项目执行一个函数，.forEach() 的第一个参数是个函数，这个函数的参数，包含数组的元素的当前值和索引。

const cars = [
  { brand: "Porsche", price: 100000 },
  { brand: "Audi", price: 80000 },
  { brand: "Toyota", price: 30000 },
];
cars.forEach((car) => {
  console.log(`The ${car.brand} will cost you ${car.price} before taxes`);
});

// 结果:
("The Porsche will cost you 100000 before taxes");
("The Audi will cost you 80000 before taxes");
("The Toyota will cost you 30000 before taxes");

参考博文链接