zoukankan      html  css  js  c++  java
  • js 数组 map() 基本用法--需求:1.处理数组对象----2.处理对象中包含多个对象-返回一个数组对象

    map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    将数组对象-拆分出来对象中的某一个值。作为新数组返回

    var data = [3, 4, 5, 6];
    
    var Squares = data.map(function (item) {
      return item * item;
    });
    console.log(Squares);
    // [9, 16, 25, 36]
    ----------------------------------
    var users = [
      {name: "张含韵", "email": "zhang@email.com"},
      {name: "江一燕",   "email": "jiang@email.com"},
      {name: "李小璐",  "email": "li@email.com"}
    ];
    
    var emails = users.map(function (user) { return user.email; });
    console.log(emails);
    //["zhang@email.com", "jiang@email.com", "li@email.com"]
    

      处理对象中包含多个对象-返回一个数组对象

    const configs = {
      umdDev: {
        format: 'umd',
        env: 'development'
      },
      umdProd: {
        format: 'umd',
        env: 'production'
      },
      commonjs: {
        format: 'cjs'
      },
      esm: {
        format: 'es'
      }
    }
    var obj = Object.keys(configs);
    var m = obj.map(key => configs[key]);
    console.log(obj);//["umdDev", "umdProd", "commonjs", "esm"]
    
    console.log(m);
    
    // [
    //   {format: "umd", env: "development"},
    //   {format: "umd", env: "production"},
    //   {format: "cjs"},
    //   {format: "es"}
    // ]
    

      

  • 相关阅读:
    模板
    kuangbin带你飞
    BZOJ开荒记
    模板
    洛谷
    模板
    [蓝桥杯][2013年第四届真题]危险系数
    数位DP入门题
    备战2019蓝桥杯
    常用的数学符号
  • 原文地址:https://www.cnblogs.com/fdxjava/p/11684249.html
Copyright © 2011-2022 走看看