js map的使用

JavaScript015

js map的使用,第1张

map()函数——用于对数组或对象进行处理,并返回处理之后的数组.

前提是在map的回调函数中,没有修改item。直接return了item。 如果我们不想修改arr的值,而只需要一个newArr来存储新的值。 切记,不要在回调函数中,修改item。 即直接item.属性=值。这种操作。

如下图,如果修改了item。那么原始的arr也会改变。

定义和用法:

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

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

实例:

返回一个数组,数组中元素为原始数组的平方根:

var numbers = [4, 9, 16, 25]

function myFunction() {

    x = document.getElementById("demo")

    x.innerHTML = numbers.map(Math.sqrt)

}

输出结果为:

2,3,4,5

map的对象只能是一个数组,最简单的创建方式是

var test = []//定义一个空数组

test.push()//给数组添加元素

test.map(function(e, i) {

    console.log(e)//e表示数组遍历的元素,i表示遍历的下标,也叫做key

})

另外一种创建数组的方式

var test = new Array()