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>

    效果:

  • 相关阅读:
    MySQL进阶
    对象关系_many2many
    objectstate对象三种状态
    自动在数据库中创建表
    Pytest学习之使用多个fixture
    Pytest学习之fixture作用范围(scope)
    python测试dubbo类型接口
    swagger接口注释添加,接口版本变更规则
    Pytest-skip跳过功能
    接口自动化测试介入项目管理流程
  • 原文地址:https://www.cnblogs.com/guangzhou11/p/9615758.html
Copyright © 2011-2022 走看看