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}))

相关推荐
Zha0Zhun27 分钟前
一个使用ViewBinding封装的Dialog
前端
兆子龙27 分钟前
从微信小程序 data-id 到 React 列表性能优化:少用闭包,多用 data-*
前端
滕青山28 分钟前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力30 分钟前
编程常用模式集合
前端·javascript·typescript
大雨还洅下34 分钟前
前端JS: 跨域解决
javascript
恋猫de小郭37 分钟前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端41 分钟前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区42 分钟前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件1 小时前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心1 小时前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能