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

相关文章
|
1月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
1月前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
|
1月前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
2月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
80 4
|
3月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
37 1
ES6中map对象的使用,确实比Object好使哈
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
28 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
29 3
|
2月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
23 0
|
2月前
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
33 0
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器:深入理解与实践
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器:深入理解与实践
25 0