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

相关推荐
五月君_5 小时前
炸裂!Claude Opus 4.6 与 GPT-5.3 同日发布:前端人的“自动驾驶“时刻到了?
前端·gpt
Mr Xu_5 小时前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
凡人叶枫5 小时前
C++中输入、输出和文件操作详解(Linux实战版)| 从基础到项目落地,避坑指南
linux·服务器·c语言·开发语言·c++
春日见5 小时前
车辆动力学:前后轮车轴
java·开发语言·驱动开发·docker·计算机外设
锐意无限6 小时前
Swift 扩展归纳--- UIView
开发语言·ios·swift
低代码布道师6 小时前
Next.js 16 全栈实战(一):从零打造“教培管家”系统——环境与脚手架搭建
开发语言·javascript·ecmascript
鹏北海-RemHusband6 小时前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied6 小时前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能
念何架构之路6 小时前
Go进阶之panic
开发语言·后端·golang
光影少年6 小时前
AI 前端 / 高级前端
前端·人工智能·状态模式