JS常用方法(持续更新中...)

1.一个对象集合,每个对象拥有多个属性,现想只提取对象的部分属性,存放到新集合中。

1、遍历(可读性高)
js 复制代码
let data = [] 
this.selectRows.forEach(item=>{ 
    let a = { 
        id:item.id,
        userName:item.userName 
      }  
  }) 
  data.push(a) 
})
2、使用map方法(代码量少)
js 复制代码
let newObjList =objList.map(({name,age,sex,school})=>({name,age}));

注:objList.map(({name,age,sex,school})=>({name,age}))中的"({name,age,sex,school})"为所有对象的所有属性,但并不是要全部列出。有时候我们获取的对象可能存在一些未知的属性,只要保证"=>"前的所有属性包含"=>"后的所有属性即可,因此我们也可以这样写:objList.map(({name,age})=>({name,age}))

相关推荐
盟接之桥26 分钟前
盟接之桥--说制造:从“找缝隙”到“一万米深”——庖丁解牛式的制造业精进之道
大数据·前端·数据库·人工智能·物联网·制造
巴拉巴拉~~28 分钟前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义
开发语言·前端·javascript
韭菜炒大葱1 小时前
现代前端开发工程化:Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目🚀
前端·vue.js·vite
有意义1 小时前
从 useState 到 useEffect:React Hooks 核心机制详解
javascript·react.js·前端工程化
栀秋6661 小时前
面试常考的最长递增子序列(LIS),到底该怎么想、怎么写?
前端·javascript·算法
Melrose1 小时前
Flutter - 使用Jaspr来构建SEO友好网站
前端·flutter
有点笨的蛋1 小时前
Vue3 项目:宠物照片变身冰球运动员的 AI 应用
前端·vue.js
Zyx20071 小时前
手写 `instanceof`:深入理解 JavaScript 原型链与继承机制
javascript
盖头盖1 小时前
【nodejs中的ssrf】
前端
江城开朗的豌豆1 小时前
TypeScript和JavaScript到底有什么区别?
前端·javascript