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

青灯夜游
Freigeben: 2021-08-26 16:18:27
Original
2811 Leute haben es durchsucht

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

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

var a = [5,10,20]; for(var i=0;i
        
Nach dem Login kopieren

输出结果:

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);
Nach dem Login kopieren

输出结果:

1.png

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

var a = [20,30,40]; function f(value) { console.log(value*2); } a.forEach(f);
Nach dem Login kopieren

输出结果:

3.png

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

array.map(function callbackfn (value, index, array), thisArg);
Nach dem Login kopieren

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);
Nach dem Login kopieren

输出结果:

4.png

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

var a = [9, 16]; var a1 = a.map(Math.sqrt); console.log(a1); //3,4
Nach dem Login kopieren

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

Das obige ist der detaillierte Inhalt vonJS数组学习之遍历数组,将元素值全部扩大一倍. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!