资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

javascript中遍历数组有哪几种方法

javascript中遍历数组有哪几种方法?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

在兰州等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站制作、成都网站设计 网站设计制作定制设计,公司网站建设,企业网站建设,品牌网站建设,全网整合营销推广,成都外贸网站制作,兰州网站建设费用合理。

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

while循环

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

while (index < array.length) {
    console.log(array[index]);
    index++;
}

javascript中遍历数组有哪几种方法

for循环

const array = [1,2,3,4,5];
for(let index=0;index

javascript中遍历数组有哪几种方法

forEach

const 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}`)
})

javascript中遍历数组有哪几种方法

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}`)

javascript中遍历数组有哪几种方法

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}`);

javascript中遍历数组有哪几种方法

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}`);

javascript中遍历数组有哪几种方法

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`);
}

javascript中遍历数组有哪几种方法

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`);
}

javascript中遍历数组有哪几种方法

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

看完上述内容,你们掌握javascript中遍历数组有哪几种方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


本文题目:javascript中遍历数组有哪几种方法
URL地址:http://cdkjz.cn/article/gisdgg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220