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 evens =[1,2,3,4,5]

var odds =evens.map(v=>v+1)

console.log(evens,odds) //打印下看看