js 数组 map() 基本用法

js 数组 map() 基本用法

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

map() 不会对空数组进行检测。

map() 不会改变原始数组。

var data = [3, 4, 5, 6];

var Squares = data.map(function (item) {
  return item * item;
});
console.log(Squares);
// [9, 16, 25, 36]

2、对接口数据的处理

// 在实际中，我们可以利用map方法方便获得数组对象中的特定属性值
使用数组map的方法，将邮箱号放入一个新的数组中
let users = [
    {"name": "张小花", "email": "zhang@qq.com"},
    {"name": "body", "email": "body@qq.com"},
    {"name": "李小璐", "email": "li@qq.com"}
];
let newEmail = users.map(function (item) {
    return item.name;
});
console.log(newEmail.join(','));
//第2种获取数组对象中的值
let emails = [];
users.map(function (item){
    emails.push(item.email);
});
console.log(emails);
// ["zhang@qq.com", "body@qq.com", "li@qq.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"}
// ]