前端开发中的数据处理

把俩个对象数组合并成一个对象数组
用的是ES6的map方法
map() 方法返回一个新数组，新数组中的元素为原始数组中的每个元素调用函数处理后得到的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意： map() 不会对空数组进行检测。
注意： map() 不会改变原始数组。
注意：函数的作用是对数组中的每一个元素进行处理，返回新的元素。

这是我们公司后端返回的数据，我想要一个对象数组，结果返回来俩个，还要另外再加一个属性，都需要自己去处理，苦逼的搬砖生活。看代码吧

 this.rest.getCompany(this.req).subscribe(
      res => {
        const { data, status, msg } = res
        if (status == 200) {
          var newData = data.result.map((item, index) => {
            return { ...item, ...data.codeMap[index] };
          });
          console.log(newData)
          this.tableData = newData
          this.tableData.forEach(item => {
            item["checked"] = false
          })
          this.total = data.total
         
        } else {
          console.log(msg)
        }
      }
    )

this.tableData.forEach(item => { item[“checked”] = false })
tableData这里是俩个数组合并之后的数据，再便利循环加个checked属性

合并俩个对象
使用的是Object.assign方法
将源对象（）的所有可枚举属性，复制到目标对象（）。
注意：Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。
注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

 res => {
        const { data, status, msg } = res
        if (status == 200) {
          let newCompany = Object.assign(data.companyInfo, data.code)
          this.lookData = newCompany
        } 
      }

这里的newCompany就是合并之后的新数据

前端开发中的数据处理

猜你喜欢