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 }]