js各种数组遍历方法的区别 every some map filter foreach
2019-08-11 10:57
766 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq8344310/article/details/99173277
every遍历
- 返回一个布尔类型,任意为假为假,全部为真时为真
var arr = [1, 2, 3, 3, 4, 5 ,6]; var arr1 = [1, 2, 3, 3, 4, 5 ,0]; var newArr = arr.every(function(item, index, array){ return item > 0; }); var anotherArr = arr.every(function(item, index, array){ return item ; }); console.log(newArr);//true console.log(anotherArr);//true var newArr1 = arr1.every(function(item, index, array){ return item > 0; }); console.log(newArr1);//false
some
- 返回一个布尔类型,任意为真为真,全部为假时为假
- 所以此遍历可以被打断,返回一个真时,结束遍历
var arr = [false, undefined, '', NaN, 0 ,null,1]; var arr1 = [false, undefined, '', NaN, 0 ,null]; var newArr = arr.every(function(item, index, array){ return item > 0; }); var anotherArr = arr.every(function(item, index, array){ return item ; }); console.log(newArr);//true console.log(anotherArr);//false
filter
- 返回为真的所有值(值为数组)
- 可缩减数组值得数量
var arr = [false, undefined, '', NaN, 0 ,null,1,2]; var newArr = arr.filter(function(item, index, array){ return item > 0; }); var anotherArr = arr.filter(function(item, index, array){ return item ; }); console.log(newArr);//[1,2] console.log(anotherArr);//[1,2]
map
- 一次循环返回需要返回的值,若该次循环没有返回值,则默认返回undefined
var arr = [false, undefined, '', NaN, 0 ,null,1,2]; var newArr = arr.map(function(item, index, array){ return item > 0; }); var anotherArr = arr.map(function(item, index, array){ }); var arr2 = [1, 2, 3, 4, 5 ,6]; var thirdArr = arr2.map(function(item,index,array){ return item + 1; }) console.log(arr);//[false, undefined, '', NaN, 0 ,null,1,2] console.log(newArr);//[false, false, false, false, false, false, true, true] console.log(anotherArr);//[undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined] console.log(thirdArr)//[2, 3, 4, 5, 6, 7]
forEach
- foreach和map()的区别在于没有返回值,如果仅仅想迭代数组,使用forEach(),如果对数组进行一些集体更改,请使用map()
- foreach在性能方面来说没有普通的for循环性能更好,所以说不建议使用
相关文章推荐
- js数组的遍历方法filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- js数组的迭代器方法(some、every、forEach、map、filter)
- js数组中forEach/some/every/map/filter/reduce的区别
- javascript 遍历数组的常用方法(迭代、for循环 、for… in、for…of、foreach、map、filter、every、some)
- js数组遍历some,foreach,map,filter,every对比
- Js 数组方法:filter()、map()、some()、every()、forEach()、indexOf()、lastIndexOf()、
- js数组的迭代器方法(some、every、forEach、map、filter)
- js数组遍历some,foreach,map,filter,every对比
- JS数组方法总结shift()、unshift()、pop()、push()、concat()、splice()、filter()、map()、some()、every()、forEach()等方法
- js中数组过滤、遍历、迭代every、some、filter、map、forEach、reduce、reduceRight
- JS数组中every(),filter(),forEach(),map(),some()方法学习笔记!
- js数组的迭代器方法(some、every、forEach、map、filter)
- js数组遍历(for in ,for of ,map,foreach,filter)的区别
- JS中some(),every(),forEach(),map(),filter()区别
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
- JS中some(),every(),forEach(),map(),filter()区别
- JS中some(),every(),forEach(),map(),filter()区别
- [置顶] JAVASCRIPT中数组的迭代方法:FOREACH、MAP、FILTER、REDUCE、EVERY、SOME各个说明
- 一张图看懂JavaScript中数组的迭代方法:forEach、map、filter、reduce、every、some
- Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()