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

相关推荐
GeGarron几秒前
Drawing:专注高效画图,让每一次创作都值得被珍藏
前端
梨子同志几秒前
Vue v-model 指令详解
前端·vue.js
杨进军1 分钟前
简易实现 React 页面初次渲染
前端·react.js·前端框架
血舞之境3 分钟前
同名类引发问题:没见过世面导致遇见各种诡异的问题
前端
杨进军3 分钟前
实现 React 多个原生标签子节点渲染
前端·react.js·前端框架
前端的日常4 分钟前
AI 工具中,经常提到的 mcp 是什么,有哪些与前端方向结合的场景?
前端
嘉小华4 分钟前
Android 协程全景式深度解析:第四章 Flow响应式流
android·前端
Tina_晴6 分钟前
【基础篇】Promise初体验+案例分析(上)
前端·javascript·面试
7ayl7 分钟前
闭包
javascript
断竿散人8 分钟前
浏览器 History 对象完全指南:从 API 原理到 SPA 路由实战
前端·javascript·vue-router