南京 网站设计,杭州百度快照,图片转换链接生成器,微信小程序设计制作for循环
let arr[1,2,3]
for(let i0;iarr.length;i){console.log(arr[i])
}for循环可以遍历数组#xff0c;它一共有三个参数#xff0c;第一个参数可以当成数组索引值#xff0c;想要遍历时候可以设置初始值为0#xff0c;然后以数组长度为判断依据#xff0c;如果不…for循环
let arr[1,2,3]
for(let i0;iarr.length;i){console.log(arr[i])
}for循环可以遍历数组它一共有三个参数第一个参数可以当成数组索引值想要遍历时候可以设置初始值为0然后以数组长度为判断依据如果不大于该数组长度则调用该函数体然后1.
for in let arr[1,2,3]for(item in arr){console.log(arr[item],item)}for in为ES5推出的一种方法用来遍历数组和对象其中它的item是它当前索引不建议使用它来遍历数组因为它会把新增隐性原型也遍历出来。 例 let arr[1,2,3]arr.__proto__.a1for(item in arr){console.log(arr[item],item)}打印结果1 ‘0’ 2 ‘1’ 3 ‘2’ 1 ‘a’ 会发a当作索引1当作值遍历出来。
for of let arr[1,2,3]for(item of arr){console.log(item);//1 2 3}ES6新增建议使用其中of左侧为它遍历出来的具体属性值。
forEach let arr[1,2,3]arr.forEach((item,index,myself){console.log(item,index,myself)// 1 0 (3) [1, 2, 3]// 2 1 (3) [1, 2, 3]// 3 2 (3) [1, 2, 3]})ES5方法forEach一共有三个可选参数其中item为元素值index为索引值myself为数组本身可以根据自身需要处理forEach方法。
map let arr[1,2,3]arrarr.map((item,index,myself){console.log(item,index,myself);return item*2;})console.log(arr);//2 4 6参数类型和参数作用和forEach一样不同点在于map有return可以返回一个新的数组而forEach不能。
map和forEach区别
map可以使用return并且可以返回一个数组。forEach不可以使用return只能处理数组不能返回数组。forEach和map都不能使用break终止只有for循环可以。
相同点
参数个数和功能一样。都不会改变原来数组
filter let arr[1,2,3]arrarr.filter(item{return item2;})console.log(arr);//1也能遍历数组它主要功能是筛选条件放在return中比如上述代码条件为arr里元素2,则只返回[1]数组。
find let arr[1,2,3]arrarr.find(item{return item3;})console.log(arr);//1返回第一个符合条件的元素。如果数组为空则不执行该函数。没有符合的返回undefined。
findIndex
let arr [1, 2, 3]
arr arr.findIndex(item {return item 2;
})
console.log(arr); //2返回第一个符合条件的元素索引没有则返回-1.
indexOf和lastIndexOf
indexOf是从前往后遍历 last则是从后往前遍历如果有参数相同的元素则返回第一个符合条件的元素下标没有则返回-1
let arr [1, 2, 3]
console.log(arr.indexOf(2));//1
console.log(arr.indexOf(4));//-1every
let arr [1, 2, 3]let newArr1 arr.every(item {return item 2;})console.log(newArr1);//false遍历后判断返回值为true、false如果所有遍历对象都符合条件则返回true否则返回false。
some
let arr [1, 2, 3];
arrarr.some(item{return item2;
})
console.log(arr);//true有符合条件的返回true不需所有都符合条件
includes
let arr [1, 2, 3]
console.log(arr.includes(1));ES6新增方法用于判断遍历数组后是否有该元素如果有则返回true没有则返回false
reduce和reduceRight
累加器判断一个数组所有数字相加得几。
迭代器机制
ES6新增一种迭代器机制三个方法keys、values、entries都可以实现遍历数组操作。这里就不赘述了。
