map方法的簡單使用

本文轉載自查看原文 2018-09-09 23:11 1526 ES6學習

假設有一個數組a,將a中的數值以2倍的形式放到b數組中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>map</title>
</head>
<body>
    
</body>
<script>
    //map的使用場景1
    //假設有一個數組a,將a中的數值以2倍的形式放到b數組中

    //1.先用foreach 遍歷a中的數組，然后將遍歷得到的值push 到b數組中
    var a=[2,4,6,8];
    var b=[];
    a.forEach(function(num){
          b.push(num*2);
    })
    console.log(b);  //4,8,12,16
    //2.使用map方法,map方法返回一個數組
    var c=[1,3,5,7];
    var d=c.map(function(num2){
         return  num2*2;
    })
    console.log(d);  //2,4,10,14
</script>
</html>

使用map方法,map方法返回一個數組



效果：

假如有一個對象數組(a),將a數組對象中的某個屬性的值存儲到b數組中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //假如有一個對象數組(a),將a數組對象中的某個屬性的值存儲到b數組中
    var persons=[
        {email:"123",name:"john"},
        {email:'456',name:"mike"},
        {email:"789",name:"lucy"}
    ],
     student=persons.map(function(person) {
          return person.name;
    })
    console.log(student);
</script>
</html>

效果：

免責聲明！

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

猜您在找 mybatis Map的簡單使用 Map使用方法 JavaScript Array map() 的簡單使用 js map方法的使用 Vuex的使用及map方法 MAP的計算方法（簡單總結） Java之map使用方法 python中map使用的方法 Stream系列（二）Map方法使用 map中getOrDefault方法的使用