当然,下面就是详细讲解“JavaScript 数组常见操作技巧 (二)”的完整攻略。
JavaScript 数组常见操作技巧 (二)
数组过滤 filter 方法
filter() 方法用于筛选数组中满足条件的元素,返回一个新数组。它需要传入一个函数作为参数,该函数返回一个布尔值,符合条件的元素将被保留,不符合条件的将被剔除。
示例一:
const arr = [1, 2, 3, 4, 5, 6];
const newArr = arr.filter(item => item % 2 === 0);
console.log(newArr); // 输出 [2, 4, 6]
示例二:
const arr = [
{ name: '张三', age: 18 },
{ name: '李四', age: 22 },
{ name: '王五', age: 20 },
{ name: '刘六', age: 25 }
];
const newArr = arr.filter(item => item.age >= 22);
console.log(newArr);
// 输出[{name: "李四", age: 22}, {name: "刘六", age: 25}]
数组排序 sort 方法
sort() 方法用于对数组进行排序,它也需要传入一个函数作为参数,该函数定义了排序规则。如果不传参数,则默认按照 UTF-16 编码的顺序进行排序。
示例一:
const arr = [3, 8, 2, 5, 1];
arr.sort((a, b) => a - b);
console.log(arr); // 输出 [1, 2, 3, 5, 8]
示例二:
const arr = [
{ name: '张三', age: 18 },
{ name: '李四', age: 22 },
{ name: '王五', age: 20 },
{ name: '刘六', age: 25 }
];
const newArr = arr.sort((a, b) => b.age - a.age);
console.log(newArr);
// 输出[{name: "刘六", age: 25}, {name: "李四", age: 22}, {name: "王五", age: 20}, {name: "张三", age: 18}]
以上就是 JavaScript 数组常见操作技巧的完整攻略。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript 数组常见操作技巧 (二) - Python技术站