js Array map映射对象多个属性

简介: js Array map映射对象多个属性
const arr = [
    {
        id: 1,
        name: 'index',
        params: [],
    },
    {
        id: 2,
        name: 'glossaryDetail',
        params: ['id'],
    },
    {
        id: 3,
        name: 'wordQuestionDetail',
        params: ['id'],
    },
    {
        id: 4,
        name: 'questionDetail',
        params: ['id'],
    },
]

const a = arr.map(item => {
    delete item.params;
    return item;
})
console.log(a);

// 好像有很多时候会报错, 但是这个demo能跑, 不知道为什么
const b = arr.map(item => ({ id, name } = item))
console.log(b);

// 这种肯定没问题, 就是感觉代码有点重复了
const c = arr.map(item => {
  const {id, name} = item;
  return {id, name};
)
console.log(c);
[
  { id: 1, name: 'index' },
  { id: 2, name: 'glossaryDetail' },
  { id: 3, name: 'wordQuestionDetail' },
  { id: 4, name: 'questionDetail' }
]
[
  { id: 1, name: 'index' },
  { id: 2, name: 'glossaryDetail' },
  { id: 3, name: 'wordQuestionDetail' },
  { id: 4, name: 'questionDetail' }
]

相关文章
|
15天前
|
JavaScript 前端开发
JavaScript Array map() 方法
JavaScript Array map() 方法
|
2月前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法
|
26天前
|
存储 JavaScript 前端开发
JS篇(Array、Object)
JS篇(Array、Object)
11 1
|
2月前
|
JavaScript 前端开发 开发者
|
3月前
|
JavaScript API 索引
JS【详解】Set 集合 (含 Set 集合和 Array 数组的区别,Set 的 API,Set 与 Array 的性能对比,Set 的应用场景)
JS【详解】Set 集合 (含 Set 集合和 Array 数组的区别,Set 的 API,Set 与 Array 的性能对比,Set 的应用场景)
48 0
|
3月前
|
前端开发 JavaScript Linux
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
|
3月前
|
前端开发
let array = [{id:‘001‘,name:‘小新‘,age:5},{ id:‘002‘,name:‘小葵‘]这样数据如何遍历,拿到其中一个值,数组中装对象如何获取其中一个固定的值
let array = [{id:‘001‘,name:‘小新‘,age:5},{ id:‘002‘,name:‘小葵‘]这样数据如何遍历,拿到其中一个值,数组中装对象如何获取其中一个固定的值
|
3月前
|
存储 缓存 JavaScript
浅谈JS的映射和集合
浅谈JS的映射和集合
23 0
|
7天前
|
Go 定位技术 索引
Go 语言Map(集合) | 19
Go 语言Map(集合) | 19
|
6天前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
下一篇
无影云桌面