阅读 226

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

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐