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

相关推荐
颜酱4 小时前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
失忆爆表症5 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录5 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜5 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛5 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大5 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT066 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
念风零壹6 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年6 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8506 小时前
Vue 路由示例
前端·javascript·vue.js