数组中是对象 的 js方法

js 操作List对象集合 常用小方法_jslist集合操作-CSDN博客

一对List对象集合过滤,filter()函数相关。

删除集合中id=1的对象

    const list = [
      {id: 1, name: 'aa' , age: 15},
      {id: 2, name: 'bb' , age: 16},
      {id: 3, name: 'cc' , age: 17},
    ];
    const filterList = list.filter(val => val.id !== 1);

 取出集合中id=1的对象

const filterList = list.filter(val => val.id === 1);

 二向List集合中添加对象,push()函数相关。

 let list = [
      {id: 1, name: 'aa' , age: 15},
      {id: 2, name: 'bb' , age: 16},
      {id: 3, name: 'cc' , age: 17},
    ];
    
    list = list.push({
      id: 4,
      name: 'dd',
      age: 18,
    });

向数组里面添加元素,concat()函数相关。
在这里插入图片描述

    const obj = ['a','b','c'];
    const obj2 = obj.concat('d');

forEach 方法

遍历数组中的每个元素。

const people = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', age: 25 }
];

people.forEach(person => {
  console.log(person.name);
});

四 map 方法

创建一个新数组,其结果是原数组中的每个元素调用函数处理后的结果。

const ages = people.map(person => person.age);
console.log(ages); // [30, 25]

五filter 方法

创建一个新数组,其包含通过检查的所有元素。

const youngPeople = people.filter(person => person.age < 30);
console.log(youngPeople); // [{ name: 'Bob', age: 25 }]

find 方法

返回通过测试的第一个元素的值。否则返回 undefined

const alice = people.find(person => person.name === 'Alice');
console.log(alice); // { name: 'Alice', age: 30 }

七. some 方法

检查数组中是否有元素通过了被提供的函数的测试。

const hasSomeoneYoung = people.some(person => person.age < 20);
console.log(hasSomeoneYoung); // false

八 every 方法

检查数组中的所有元素是否都通过了被提供的函数的测试。

const allAdults = people.every(person => person.age >= 18);
console.log(allAdults); // true

九 reduce 方法

对数组中的每个元素执行一个由您提供的“reducer”函数(升序执行),将其结果汇总为单个返回值。

const totalAges = people.reduce((sum, person) => sum + person.age, 0);
console.log(totalAges); // 55

sort 方法

按照某种顺序对数组进行排序。

people.sort((a, b) => a.age - b.age);
console.log(people); // [{ name: 'Bob', age: 25 }, { name: 'Alice', age: 30 }]

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值