map() 方法介绍(JavaScript 数组方法)

一、语法
javascript 复制代码
const newArray = oldArray.map((currentValue, index, array) => {
  return newValue;
});
二、实际运用

提取数组中某一个属性

javascript 复制代码
const users = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" }
];

const names = users.map(user => user.name);
console.log(names); // ["Alice", "Bob", "Charlie"]

map返回值是一个map里面操作过的新数组,users.map(user => user.name); 的意思是 直接返回 user 对象的 name 属性 ,并将所有 name 组成一个新的数组。不是简写的话需要加return

相关推荐
Aaaaaaaaaaayou12 分钟前
Server-Sent Events (SSE) 技术解析与实战
前端
伊成14 分钟前
Java面试高频面试题【2025最新版】
java·开发语言·面试
~贝母~30 分钟前
猿人学js逆向比赛第一届第九题
开发语言·javascript·爬虫·ecmascript
萌萌哒草头将军1 小时前
🚀🚀🚀Prisma ORM 6.10.0 重大更新,VSCode 集成,远程 MCP ,更加智能了!
javascript·vue.js·react.js
遗憾随她而去.1 小时前
Node.js 在前端开发中的作用与 npm 的核心理解
前端·npm·node.js
编程乐趣1 小时前
推荐一个基于C#开发的跨平台构建自动化系统!
开发语言·c#·自动化
好奇的菜鸟2 小时前
如何重新安装 Rust
开发语言·后端·rust
mzhan0172 小时前
Python: file: encode: ‘gbk‘ codec can‘t encode character ‘\xe5‘ in position
开发语言·python
上课耽误学习2 小时前
一生一芯 PA2 RTFSC
开发语言·一生一芯
Smartdaili China2 小时前
使用 Python 抓取亚马逊产品数据: 分步指南
开发语言·爬虫·python·网络爬虫·亚马逊·抓取·爬取