js中php遍历数组,总结javascript中遍历数组的几种方法

本篇文章给大家总结了一些javascript遍历数组的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

685c1cb86da63c6c28d3d0639acb372e.png

有几种方法可以遍历数组,下面将逐个罗列!

while循环let index = 0;

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

while (index < array.length) {

console.log(array[index]);

index++;

}

7bed0a1596bfaaa164e1fcf5fff85488.png

for循环const array = [1,2,3,4,5];

for(let index=0;index

console.log(array[index]);

}

for(let index in array){

console.log(array[index]);

}

c075799a61319b75ca3d8e5ded1ee65d.png

forEachconst array=[1,2,3,4,5];

array.forEach(function(current_value,index,array){

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

})

0b601200adf00848b1d4728615d7bd85.png

map

最后一个构造很有用,但是不会返回新数组,这对于你的特定情况可能是不希望的。map通过对每个元素应用一个函数然后返回新数组来解决此问题。const array = [1,2,3,4,5];

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

const squares = array.map(square);

console.log(`${array}`);

console.log(`${squares}`)

a58f3d49b126991f05f95f41f9a501f9.png

reduce

reduce()方法对累加器和数组中的每个元素(从左到右)应用一个函数,以将其减小为单个值const array = [1,2,3,4,5];

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

const array_sum = array.reduce(sum,0);

console.log(`the sum of arrray:${array} is ${array_sum}`);

de7d7a01d27ccf2eef350e2aaf90f118.png

filter

根据布尔函数过滤筛选数组中的元素const array = [1,2,3,4,5];

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

const even_array = array.filter(even);

console.log(`even numbers in array ${array} : ${even_array}`);

15f8c9bcc26ded7bf7843b26934d3f84.png

every

得到了一个数组,想测试每个元素是否满足给定条件const array = [1,2,3,4,5,8];

const under_six = x => x<6;

if(array.every(under_six)){

console.log(`every elemnet in the array is less than 6`);

}

else{

console.log(`at least one element in the array was bigger than 6`);

}

03de5b6ab4a1f8bf94db85204568ed9d.png

some

测试是否至少有一个元素与布尔函数匹配const array = [2,4,5,6,8];

const over_five = x => x>5;

if(array.some(over_five)){

console.log(`at least one element bigger than 5 was found`);

}

else{

console.log(`no element bigger than 5 was found`);

}

41f97468ecd57a9a0d6b033445d7fd15.png

到此就结束啦,如果还有其他的欢迎补充!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值