JavaScript中怎么实现数组遍历-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

JavaScript中怎么实现数组遍历

JavaScript 中怎么实现数组遍历,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

成都创新互联公司成立于2013年,是专业互联网技术服务公司,拥有项目网站设计制作、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元肃宁做网站,已为上家服务,为肃宁各地企业和个人服务,联系电话:18982081108


map

map() 数组的每个元素都会调用回调函数,并将处理结果返回一个新数组。

const numbers = [1, 2, 3, 4]; const foo = number => number + 10; const newNumbers = numbers.map(foo); console.log(`新数组:${newNumbers}`); console.log(`旧数组:${numbers}`); /*  * 新数组:11,12,13,14  * 旧数组:1,2,3,4 */

every

every() 方法使用指定函数检测数组中的所有元素是否满足条件,元素全部满足条件,方法返回 true ,有一个元素不满足条件,方法返回 false  且其余元素不再检测。

const numbers = [1,2,3,4]; const foo = num => num < 5;  if (numbers.every(foo)) {   console.log('数组中所有元素都小于 5'); // is ok } else {   console.log('数组中至少有一个元素大于 5'); }

some

some() 方法使用指定函数检测数组中是否有元素满足条件,有一个元素满足条件,方法返回 true  且剩余的元素不会再执行检测,没有满足条件的元素,方法返回 false 。

const numbers = [1,2,3,4]; const foo = num => num > 3;  if (numbers.some(foo)) {   console.log('数组中至少有一个元素值大于 3'); // is ok  } else {   console.log('数组中没有大于 3 的元素值'); }

filter

filter() 方法通过一个函数,筛选数组中的元素。用符合条件的元素创建一个新数组。

const numbers = [1,2,3,4]; const foo = number => number > 2; const newNumbers = numbers.filter(foo); console.log(`原始数组 [${numbers}] 中,满足 > 2 的元素有 : ${newNumbers}`); // 原始数组 [1,2,3,4] 中,满足 > 2 的元素有 : 3,4

reduce

reduce() 方法接收一个函数累加器,数组中的每个元素 (从左到右) 应用于函数,最终计算出一个最终值。

const numbers = [1, 2, 3, 4]; const sum = (total, num) => total + num; const numbers_sum = numbers.reduce(sum, 0); // 将 0 作为 reduce 的初始值 console.log(`原始数组 '${numbers}' 的元素累加后,最终值是 ${numbers_sum}`); // 原始数组 [1,2,3,4] 的元素累加后,最终值是 10

reduceRight() 和 reduce() 使用方法一样,区别是它从右到左将数组中的每个元素应用于函数。

for

传统的 for 循环遍历数组很常用。

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

forEach

forEach() 将数组的每个元素传入回调函数,且对空数组不会执行回调函数。

const numbers = [1, 2, 3, 4]; numbers.forEach((number, index, numbers) => {   console.log(`下标 ${index} 在数组 ${numbers} 中的值是 ${number}`); }); /*  * 下标 0 在数组 1,2,3,4 中的值是 1  * 下标 1 在数组 1,2,3,4 中的值是 2  * 下标 2 在数组 1,2,3,4 中的值是 3  * 下标 3 在数组 1,2,3,4 中的值是 4 */

while

while 也可以遍历数组,但很少用。

let index = 0; const numbers = [1,2,3,4]; while(index < numbers.length) {   console.log(numbers[index]);   index ++; } // 1 2 3 4

关于JavaScript 中怎么实现数组遍历问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


网页标题:JavaScript中怎么实现数组遍历
本文URL:http://kswsj.cn/article/gdgidj.html

其他资讯