首頁 > 開發者 > JavaScript
標籤：style html 輸入 年齡 一個 his 點擊 csharp 注意
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); return num * age.value; } btn.onclick = function(num){ data.innerHTML = numbers.map(myFunction); } </script></body>
javascript 中的map()方法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
