WithCoderWithCoderWithCoder

Javascript数组Array学习之map()方法(从数组元素计算新数组)

本文介绍Javascript数组Array的 map() 方法。

Javascript数组Array的 map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

语法

    array.map(  function( array[i] , i, array ), o )

参数   

 function( array[i] , i, array ),必须,数组中每个元素需要调用的函数。它的返回值会成为返回数组的元素。

        函数的参数:

            array[i]     必须,当前遍历的元素的值

            i               可选,当前遍历的元素的索引值

            array        可选,当前遍历的数组对象本身

    o, 可选,调用回调函数时,传递给函数用作 this 的值. 如果省略o,则 this 的值在非严格模式下是全局对象,在严格模式下为 null.

返回值

   返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法会创建一个新数组,数组长度和array一样。数组元素通过将数组array的元素传递给回调函数计算得到。map()按照从小到大的顺序遍历array的序号,并为每一个元素调用一次回调函数。对于序号i,调用回调函数时带有三个参数,回调函数的返回值则存储在新创建数组的序号i处。一旦map()将数组array中的每一个元素都传递给回调函数,并将其返回值存储在新数组中后,就会返回该新数组。

举例

    <script>
        var arr1 = [123];
        // 对数组中的每个元素乘以2
        var arr2 = arr1.map((vali=> {
            return val * 2;
        });
        console.log(arr1); // 原数组未改变 [1, 2, 3]
        console.log(arr2); // 返回值 [2, 4, 6]
    </script>

欢迎分享交流,转载请注明出处:WithCoder » Javascript数组Array学习之map()方法(从数组元素计算新数组)