用es6处理数组对象的方法

最新推荐文章于 2024-08-04 09:37:14 发布

《独白》

最新推荐文章于 2024-08-04 09:37:14 发布

阅读量503

点赞数

文章标签： es6 前端 ecmascript

本文链接：https://blog.youkuaiyun.com/qq_45149139/article/details/126866856

版权

   var person = [
        { id: 0, companyName: "小花", age: 19 },
        { id: 1, companyName: "小张", age: 20 },
        { id: 2, companyName: "小李", age: 12 },
        { id: 3, companyName: "小孙", age: 19 },
        { id: 1, companyName: "小周", age: 14 },
        { id: 2, companyName: "小孙", age: 16 },
      ];
      var personsecond = [
        { id: 0, companyNamesecond: "小花", age: 19 },
        { id: 1, companyNamesecond: "小张", age: 20 },
        { id: 2, companyNamesecond: "小李", age: 12 },
        { id: 3, companyNamesecond: "小孙", age: 19 },
        { id: 1, companyNamesecond: "小周", age: 14 },
        { id: 2, companyNamesecond: "小孙", age: 16 },
      ];
      var construction = [];
      var constructionsame = [];

      //替换对象属性名
      construction = person.map((item) => {
        return {
          companyId: item.id,
          companyName: item.companyName,
          providerId: item.age,
        };
      });
      constructionsame = personsecond.map((item) => {
        return {
          companyId: item.id,
          companyName: item.companyNamesecond,
          providerId: item.age,
        };
      });
      //把第二个数组push到第一个数组里面
      construction.push(constructionsame);
      console.log(construction, ">>>>>>>");

运行效果

  var person = [
        { id: 0, companyName: "小花", age: 19 },
        { id: 1, companyName: "小张", age: 20 },
        { id: 2, companyName: "小李", age: 12 },
        { id: 3, companyName: "小孙", age: 19 },
        { id: 1, companyName: "小周", age: 14 },
        { id: 2, companyName: "小孙", age: 16 },
      ];
      var personsecond = [
        { id: 0, companyNamesecond: "小花", age: 19 },
        { id: 1, companyNamesecond: "小张", age: 20 },
        { id: 2, companyNamesecond: "小李", age: 12 },
        { id: 3, companyNamesecond: "小孙", age: 19 },
        { id: 1, companyNamesecond: "小周", age: 14 },
        { id: 2, companyNamesecond: "小孙", age: 16 },
      ];
      var construction = [];
      var constructionsame = [];

      //替换对象属性名
      construction = person.map((item) => {
        return {
          companyId: item.id,
          companyName: item.companyName,
          providerId: item.age,
        };
      });
      constructionsame = personsecond.map((item) => {
        return {
          companyId: item.id,
          companyName: item.companyNamesecond,
          providerId: item.age,
        };
      });
      //把第二个数组push到第一个数组里面
      construction.push(constructionsame);
      console.log(construction, ">>>>>>>");
      const newArr = function (arr) {
        return arr.reduce(
          (pre, cur) => pre.concat(Array.isArray(cur) ? newArr(cur) : cur),
          []
        );
      };
      //处理一个数组对象里面嵌套多个数组对象，处理成只有一个数组对象
      console.log(newArr(construction), ">>>");

实现效果