js中Array对象的常用遍历方法详解
程序员文章站
2023-12-12 10:58:46
1.foreach(),遍历数组的每个元素
let arrfor = ['muzi','digbig','muzidigbig','lucky']
//...
1.foreach(),遍历数组的每个元素
let arrfor = ['muzi','digbig','muzidigbig','lucky'] //foreach(),遍历数组的每个元素 arrfor.foreach((item,index) => { console.log(`${index}---${item}`) })
2.map(参数为回调函数)函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新数组,原数组不变;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrmap = arr.map((item,index) => { return { id:item.id, name:item.name, sex:'男' } }) console.log(arrmap)
3.filter(参数为回调函数)函数:过滤通过条件的元素组成一个新数组,原数组不变;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrfilter = arr.filter((item,index) => { return item.id >= 2; }) console.log(arrfilter)
4.some(参数为回调函数)函数,遍历数组中是否有符合条件的函数,返回布尔值;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrsome = arr.some((item,index) => { return item.id === 5 }) console.log(arrsome)
5.every(参数为回调函数)函数,遍历数组是否每个元素都符合条件,返回布尔值;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrevery = arr.every((item,index) => { return item.id >= 1 }) console.log(arrevery)
6.find()函数,数组中的每个元素都执行这个回调函数;返回第一个满足条件的元素 之后的元素就不在调用;没有符合的返回undefined;并没有改变数组的原始值。
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrfind = arr.find((item,index) => { return item.id === 1 }) console.log(arrfind)
7.reduce(),合并二维数组
var twoarr = [['mu','zi'],['dig','big'],['lucky','jiji']]; var onearr = twoarr.reduce(function(total,currentvalue){ // console.log(total) return total.concat(currentvalue); },[]) console.log(onearr);//["mu", "zi", "dig", "big", "lucky", "jiji"]
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接
推荐阅读
-
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
-
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
-
JS遍历对象属性的方法示例
-
ES5 ES6中Array对象去除重复项的方法总结
-
js中json字符串转json对象的方法(提取json格式的数据)
-
详解Python中的__getitem__方法与slice对象的切片操作
-
详解js访问对象的属性和方法
-
详解Node.js中path模块的resolve()和join()方法的区别
-
js遍历json对象所有key及根据动态key获取值的方法(必看)
-
js中获取URL参数的共用方法getRequest()方法实例详解