https://www.cnblogs.com/xuan52rock/p/4460949.html
map定義和方法
map()方法返回一個新數組,數組中的元素為原始數組元素調用函數處理的后值。
map()方法按照原始數組元素順序依次處理元素。
注意:
map不會對空數組進行檢測
map不會改變原始數組
arr.map(function(currentValue,index,arr),thisValue)
參數說明
function(currentValue,index,arr)
必須,函數,數組中的每個元素都會執行這個函數函數參數
函數參數
currentValue 必須 當前元素值
index 可選 當前元素的索引值
arr 可選 當前元素屬於的數組對象。
我們看個小demo,就會一目了然
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>map方法</title>
</head>
<body>
<p>點擊按鈕將數組中的每個元素乘以輸入框指定的值,並返回新數組</p>
<p>
最小年齡:
<input type="number" id="age" value="10" />
</p>
<button id="btn">點我</button>
<p id="data">新數組</p>
<script type="text/javascript">
var btn = document.getElementById("btn");
var data = document.getElementById("data");
var age = document.getElementById("age");
var numbers = [25,36,121,49];
function myFunction(num,index,arr){
console.log(arr);
//注意了,這里的num代表了numbers數據的參數,按順序執行。
return num * age.value;
}
btn.onclick = function(){
data.innerHTML = numbers.map(myFunction);
}
</script>
</body>
</html>
