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

相关推荐
掘金019 分钟前
震惊!Vue3 竟能这样写?React 开发者狂喜的「Vue-React 缝合怪」封装指南
javascript·vue.js·react.js
Lsx_10 分钟前
分不清RAG 、Function Call、MCP、Agent?一文秒懂它们的区别和联系
前端·agent·mcp
Volunteer Technology12 分钟前
Lua基础+Lua数据类型
开发语言·junit·lua
毕了业就退休30 分钟前
websocket 的心跳机制你知道几种
前端·javascript·http
子林super31 分钟前
aiforcast集群单节点CPU使用率100%问题
前端
CF14年老兵33 分钟前
为什么 position: absolute 在 Flexbox 里会失效?
前端·css·trae
Juchecar33 分钟前
TypeScript 与 JavaScript 的关系及学习建议
javascript
JohnYan36 分钟前
Bun技术评估 - 25 Utils(实用工具)
javascript·后端·bun
xianxin_37 分钟前
CSS 选择器
前端
徐小夕38 分钟前
花3个月时间,写了一款协同文档编辑器
前端·vue.js·算法