js數組map方法


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM