8种方法教你遍历数组

in 网站建设
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
译者:王二狗
原文:https://www.jstips.co/en/java...

JS 中可以通过很多不同的方式来实现数组的遍历,下面我们先从一些经典的遍历方法开始,然后逐步扩充新的遍历方式。

while

let index = 0
const array = [1,2,3,4,5,6]
while(index<array.length){
    console.log(array[index])
    index++
}
//result:1 2 3 4 5 6

for

const array = [1,2,3,4,5,6]
for(let index = 0; index < array.length; index++) {
    console.log(array[index])
}
//result:1 2 3 4 5 6

forEach

const array = [1,2,3,4,5,6]

array.forEach(function(current_value,index,value){
    console.log(`At index ${index} in ${array} value is ${current_value}`)

})
/*
At index 0 in 1,2,3,4,5,6 value is 1
At index 0 in 1,2,3,4,5,6 value is 2
At index 0 in 1,2,3,4,5,6 value is 3
At index 0 in 1,2,3,4,5,6 value is 4
At index 0 in 1,2,3,4,5,6 value is 5
At index 0 in 1,2,3,4,5,6 value is 6
*/

map

map会对每一个数组选项应用函数,并返回一个新的数组。

const array = [1,2,3,4,5,6]

const square = x => Math.pow(x,2)

const squares = array.map(square)

console.log(`Original array: ${array}`)
console.log(`squared array ${squares}`)
/*
Original array: 1,2,3,4,5,6
squared array 1,4,9,16,25,36
*/

reduce

reduce()方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行),将其结果汇总为单个值返回。

const array = [1,2,3,4,5,6]

const sum = (x,y) => x + y

const array_sum = array.reduce(sum,0)

console.log(`The sum of ${array} is ${array_sum}`)

//The sum of 1,2,3,4,5,6 is 21

filter

通过布尔函数过滤数组中的元素,最后返回一个由过滤出来的元素组成的数组。

const array = [1,2,3,4,5,6]

const even = x => x % 2 === 0 

const even_array = array.filter(even)

console.log(`Even numbers in array ${array} is ${even_array}`)

//Even numbers in array 1,2,3,4,5,6 is 2,4,6

every

every()方法测试一个数组内的所有元素是否能够通过某个指定函数的测试,它返回一个布尔值。

注意:若收到一个空数组,此方法在所有情况下都会返回 true

const array = [1,2,3,4,5,6]

const under_seven = x => x < 7

if(array.every(under_seven)) {
    console.log('所有在该数组中的元素均小于7')
}else{
    console.log('在该数组中的元素至少有一项不小于7')
}
//所有在该数组中的元素均小于7

some

some()方法测试数组中是不是至少有一个元素通过了被提供的函数测试,它返回的是一个 boolean 类型的值。

注意:如果用一个空数组进行测试,在任何情况下它返回的值就是 false

const array = [1,2,3,4,5,6]

const over_seven= x => x > 7

if(array.every(over_seven)) {
    console.log('至少有一个元素大于7')
}else{
    console.log('没有元素大于7')
}
//没有元素大于7
告诫自己,即使再累也不要忘记学习,成功没有捷径可走,只有一步接着一步走下去。 共勉!
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看