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": "[e-mail]"},
  {name: "江一燕",   "email": "[e-mail]"},
  {name: "李小璐",  "email": "[e-mail]"}
];

var emails = users.map(function (user) { return user.email; });
console.log(emails);
//["[e-mail]", "[e-mail]", "[e-mail]"]

　　處理對象中包含多個對象-返回一個數組對象

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"}
// ]