zoukankan      html  css  js  c++  java
  • map方法的简单使用

    假设有一个数组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>

    效果:

  • 相关阅读:
    学到的一种编程风格
    防止忘记初始化NSMutableArray的方法
    == 和 isEqualToString的区别之备忘
    IOS开发中--点击imageView上的Button没有任何反应
    [__NSCFString absoluteURL]错误的解决方案
    二叉树镜像
    判断树的子结构
    算法练习-贪心问题
    重建二叉树:
    IDEA搭建web项目出现中文乱码问题
  • 原文地址:https://www.cnblogs.com/guangzhou11/p/9615758.html
Copyright © 2011-2022 走看看