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

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

 

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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"]

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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"}
// ]

  

posted @   小白咚  阅读(5427)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示