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

相关推荐
一袋米扛几楼988 小时前
【软件安全】什么是XSS(Cross-Site Scripting,跨站脚本)?
前端·安全·xss
向上的车轮8 小时前
Actix Web适合什么类型的Web应用?可以部署 Java 或 .NET 的应用程序?
java·前端·rust·.net
XiaoYu20028 小时前
第1章 核心竞争力和职业规划
前端·面试·程序员
excel8 小时前
🧩 深入浅出讲解:analyzeScriptBindings —— Vue 如何分析 <script> 里的变量绑定
前端
蓝瑟8 小时前
AI时代程序员如何高效提问与开发工作?
前端·ai编程
林晓lx8 小时前
使用Git钩子+ husky + lint语法检查提高前端项目代码质量
前端·git·gitlab·源代码管理
王同学要变强9 小时前
【深入学习Vue丨第二篇】构建动态Web应用的基础
前端·vue.js·学习
社恐的下水道蟑螂9 小时前
从字符串到像素:深度解析 HTML/CSS/JS 的页面渲染全过程
javascript·css·html
程序定小飞9 小时前
基于springboot的web的音乐网站开发与设计
java·前端·数据库·vue.js·spring boot·后端·spring
Hello_WOAIAI9 小时前
2.4 python装饰器在 Web 框架和测试中的实战应用
开发语言·前端·python