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

相关推荐
步行cgn2 分钟前
Java Properties 遍历方法详解
java·开发语言·算法·面试·intellij-idea
HBR666_7 分钟前
vue3定义全局防抖指令
前端·javascript·vue.js
前端老实人灬25 分钟前
vue使用docx 生成 导出word文件。(包含:页眉、页脚、生成目录、页码、图片、表格、合并表格)
前端·vue.js·word
MyhEhud25 分钟前
kotlin 过滤 filter 函数的作用和使用场景
android·java·服务器·前端·kotlin
城里有一颗星星29 分钟前
基于go的简单管理系统(增删改查)
开发语言·后端·golang
苦夏木禾1 小时前
关于react19版本更新后部分组件无法正常使用的问题
javascript·react.js
光影少年1 小时前
vue中$set原理
前端·javascript·vue.js
codecodegirl1 小时前
实现在h5中添加日历提醒:safari唤起系统日历,其它浏览器跳转google日历
前端·javascript·vue.js·html5
Attacking-Coder1 小时前
前端面试宝典---webpack原理解析,并有简化版源码
前端·面试·webpack
郑文博Coding1 小时前
Qt QWebEngine应用和网页的交互
开发语言·qt·交互