• 技术文章 >web前端 >js教程

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

    青灯夜游青灯夜游2021-08-26 16:18:27原创187
    在之前的文章中我们了解了迭代数组的两种方法,感兴趣的可以点击链接进行查阅→《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):一个回调函数,最多可接受三个参数:

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

    示例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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:使用JavaScript从数组中删除最后一项(3种方法) 下一篇:JS数组学习之判断数组元素是不是都满足给定条件
    线上培训班

    相关文章推荐

    • JS数组学习之怎么去除头部或尾部元素• JS数组学习之如何根据数组下标删除任意元素• JS数组学习之怎么拼接全部元素,返回一个字符串• JS数组学习之迭代数组计算元素总和、将值连接成字符串

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网