几种关于Javascript的数组方法

时间:2021-6-7 作者:qvyue

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 

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");

参考博文链接

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。