js数据筛选的方法:find(), findIndex(), filter(), forEach(), some(), every(), map()等方法
1、find()方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,到找直出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。
例子: [1, 2, 5, -1, 9].find((n) => n < 0
注意: find() 并没有改变数组的原始值。
2、 findIndex()方法的用法与find()方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。
例子: [1, 2, 5, -1, 9].findIndex((n) => n < 0) --->3
注意: findIndex() 并没有改变数组的原始值。
3、filter()方法使用指定的函数测试所有元素,并创建一个包含所有通过测试的元素的新数组。filter 不会改变原数组。返回数组,包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。
例子: Var newArr = arr.fiulter(item=> item> 3 )
//数组去重
var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7, 8, 8, 0, 8, 6, 3, 4, 56, 2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x) === index)
console.log(arr2); // [1, 2, 3, 4, 5, 6, 7, 8, 0, 56]
4、forEach 遍历数组全部元素,没有返回值,对原数组没有影响,不支持IE
arr.forEach(function(item,index,arr){
console.log(item);
});
5、some()判断数组中是否至少有一个元素满足条件,只要有一个满足就返回true,只有都不满足时才返回false
arr2.some(function(value, index, array){
return value % 2 == 0;复制代码
}) // true
6、 every()判断数组中是否每个元素都满足条件,只有都满足条件才返回true;只要有一个不满足就返回false
arr2. every (function(value, index, array){
return value % 2 == 0;
}) // false
7、map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,不影响原来的数组
var data = [1, 2, 3, 4];
var arrayOfSquares = data.map(function (item) {
return item + 1;
})
console.log(arrayOfSquares); // [2,3,4,5]
8、for in 遍历,可以简单把for in遍历理解为更高级的for(){},是用于遍历对象的属性,对数组并不友好
for(var key in myArray) {
console.log(myArray[key]);
}
注意:1.index索引为字符串型数字,不能直接进行几何运算
2.遍历顺序有可能不是按照实际数组的内部顺序
3.使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性
所以for in更适合遍历对象,不要使用for in遍历数组。
9、for of 遍历,for..of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合.但是不能遍历对象,因为没有迭代器对象.与forEach()不同的是,它可以正确响应break、continue和return语句
for(var value of myArray) {
console.log(value);
}
作者:刁不二
链接:https://juejin.cn/post/7028105176355438623