ES6+对象常用方法

1.往Object里面添加元素

javascript 复制代码
const obj = {
          timeArr: [],
          fileIds: [],
          isVerifyOrder: res?.isVerifyOrder ? "true" : "false",
          isCompose: res?.isCompose ? "true" : "false",
        };
        
        
  Object.assign(res, obj);//往res添加属性
  
   const obj = Object.assign({}, this.orderInfo, this.addressObj);
      obj.orderChannelType = 4; // 订单渠道
      obj.receivableMoney = String(this.actualMoney); // 应收金额
      obj.invoiceId = this.invoiceInfo?.id; // 关联发票

2.排除Object中不需要的键值

javascript 复制代码
const obj = {
    a:1,
    b:2,
    c:3,
    d:4
}

// 我们想要获取除了a之外的所有属性
const {a, ...other} = obj

3.对象快速求和

javascript 复制代码
const objs = [
{name:'lilei', score: 98},
{name:'hanmeimei', score: 95},
{name:'polo', score: 85},
...
]

const scoreTotal = objs.reduce( (total, obj) => {
    return obj.score + total;
}, 0 /*第二个参数是total的初始值*/)

4.利用Object.assign初始化数据

javascript 复制代码
//初始化所有data数据
Object.assign(this.$data, this.$options.data());

//初始化choiceList这个数据
Object.assign(this.$data.choiceList, this.$options.data());
相关推荐
小飞大王6666 分钟前
简单实现HTML在线编辑器
前端·编辑器·html
Jimmy31 分钟前
CSS 实现卡牌翻转
前端·css·html
百万蹄蹄向前冲33 分钟前
大学期末考,AI定制个性化考试体验
前端·人工智能·面试
向明天乄1 小时前
在 Vue 3 项目中集成高德地图(附 Key 与安全密钥申请全流程)
前端·vue.js·安全
sunshine_程序媛1 小时前
vue3中的watch和watchEffect区别以及demo示例
前端·javascript·vue.js·vue3
电商数据girl2 小时前
【经验分享】浅谈京东商品SKU接口的技术实现原理
java·开发语言·前端·数据库·经验分享·eclipse·json
Senar2 小时前
听《富婆KTV》让我学到个新的API
前端·javascript·浏览器
烛阴2 小时前
提升Web爬虫效率的秘密武器:Puppeteer选择器全攻略
前端·javascript·爬虫
hao_wujing3 小时前
Web 连接和跟踪
服务器·前端·javascript
前端小白从0开始3 小时前
前端基础知识CSS系列 - 04(隐藏页面元素的方式和区别)
前端·css