首页 > web前端 > js教程 > 正文

JS数组学习之遍历数组,将元素值全部扩大一倍

青灯夜游
发布: 2021-08-26 16:18:27
原创
2927 人浏览过

在之前的文章中我们了解了迭代数组的两种方法,感兴趣的可以点击链接进行查阅→《JS数组学习之迭代数组计算元素总和、将值连接成字符串》。这次我们继续JavaScript数组的学习,看看怎么遍历数组,对数组中的每个元素进行处理(例如值全部扩大一倍),有需要的朋友可以学习了解一下~

遍历数组,第一想到的方法就是使用for循环了,利用它我们可以很简单的将全部元素值都扩大一倍(即乘以2)

var a = [5,10,20];
for(var i=0;i<a.length;i++){
	a[i]=2*a[i];
}
console.log(a);
登录后复制

输出结果:

2.png

也可以使用for in语句来遍历数组。在 for/in 循环结构中,变量 i 表示数组的下标,而 a[i] 为可以读取指定下标的元素值。

var a = [10,20,30];
for(var i in a){
	a[i]=2*a[i];
}
console.log(a);
登录后复制

输出结果:

1.png

也可以利用之前文章提到的forEach()方法来遍历数组,该方法可以调用数组的每个元素,并将元素传递给回调函数。

var a = [20,30,40];
function f(value) {
	console.log(value*2);
}
a.forEach(f);
登录后复制

输出结果:

3.png

还可以利用map()方法来遍历数组map()方法可以对数组的每个元素调用指定的回调函数,并返回包含结果的数组

array.map(function callbackfn (value, index, array), thisArg);
登录后复制

function callbackfn (value, index, array):一个回调函数,最多可接受三个参数:

  • value:数组元素的值。

  • index:数组元素的数字索引。

  • array:包含该元素的数组对象。

下面通过代码示例来具体了解一下:

示例1:将全部元素值都扩大一倍(即乘以2)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);
登录后复制

输出结果:

4.png

示例2:使用 JavaScript 内置方法作为回调函数

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4
登录后复制

好了,就说到这里了,有需要的可以看:javascript视频教程

以上是JS数组学习之遍历数组,将元素值全部扩大一倍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板