map

js中的map()方法

map定义和方法 

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

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

注意: 

map不会对空数组进行检测 

map不会改变原始数组 

arr.map(function(currentValue,index,arr),thisValue) 

参数说明 

function(currentValue,index,arr) 

必须,函数,数组中的每个元素都会执行这个函数函数参数 

函数参数 

currentValue 必须 当前元素值 

index 可选 当前元素的索引值 

arr 可选 当前元素属于的数组对象。 

我们看个小demo,就会一目了然

<!DOCTYPE html>map方法

点击按钮将数组中的每个元素乘以输入框指定的值,并返回新数组

最小年龄:

点我新数组

varbtn = document.getElementById("btn");

vardata = document.getElementById("data");

varage = document.getElementById("age");

varnumbers = [25,36,121,49];

functionmyFunction(num,index,arr){

console.log(arr);

returnnum * age.value;     

   }        

btn.onclick =function(num){

data.innerHTML = numbers.map(myFunction);       

 }

推荐阅读更多精彩内容