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>