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' }
]

相关文章
|
存储 JavaScript 前端开发
js中map属性
js中map属性
212 1
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发
js map和reduce
js map和reduce
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
186 3
|
存储 JavaScript 前端开发
js的map和set |21
js的map和set |21
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数:`item`(数组项的值)、`index`(项的位置,可选)和`array`(数组本身,可选)。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
531 0
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
|
JavaScript 前端开发 索引
JS - includes 方法和 map 方法使用方式
这篇文章介绍了JavaScript中数组的`includes`方法和`map`方法的用法,包括它们的语法、参数说明和具体的示例代码。`includes`方法用于判断数组是否包含特定元素,而`map`方法用于对数组中的每个元素执行操作并返回新数组。
651 1
|
存储 JavaScript 前端开发
js中map属性
js中map属性
426 0
|
存储 JavaScript 前端开发
|
JavaScript
js基础笔记学习247event对象3
js基础笔记学习247event对象3
170 0
js基础笔记学习247event对象3

热门文章

最新文章