Filter 筛选资料

const scoreData = [55, 60, 67, 82, 45, 90, 58];

// filter方法
const newScore = scoreData.filter((answer) => answer >= 60);

console.log(newScore); // 输出 [ 60, 67, 82, 90 ]

const userData = [
{ id: 1, name: "Alice", age: 30 },
{ id: 2, name: "Bob", age: 24 },
{ id: 3, name: "Charlie", age: 29 },
{ id: 4, name: "Diana", age: 35 },
{ id: 5, name: "Evan", age: 22 },
];

const filterUser = userData.filter(function (item, id, array) {

return item.id > 2;
});
console.log(filterUser);
// 输出 [
// { id: 3, name: \'Charlie\', age: 29 },
// { id: 4, name: \'Diana\', age: 35 },
// { id: 5, name: \'Evan\', age: 22 }
// ]
// 回呼函数可以接受最多三个参数:当前元素、当前元素的索引、以及被遍历的阵列本身。这些参数的名称可以随意命名,并不需要按照特定的命名。此外,你不一定要使用所有三个参数;只使用你需要的参数即可。

Map 重新组合

// Map 重新组合,回传薪阵列
const mapData = userData.map(function (item) {
const newObj = {};
newObj[item.name] = item.age;
return newObj;
});
// 简易写法重组合
let fruit = [
{ item: "Apple", price: 10 },
{ item: "Banana", price: 20 },
{ item: "Cherry", price: 30 },
];
let fruitNames = fruit.map((e) => e.item);

console.log(fruitNames); // [ \'Apple\', \'Banana\', \'Cherry\' ]
// mapData();
// console.log(mapData); //删除id属性重新组合 ====>输出: [{Alice: 30}, { Bob: 24 }, { Charlie: 29 }, { Diana: 35 }, { Evan: 22 }]