js：返回的数据中，按照某一个属性名进行分组

原创已于 2023-04-17 16:32:56 修改 · 280 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #java

于 2023-04-17 16:23:08 首次发布

文章展示了如何使用JavaScript函数处理后台返回的数据，将数据按照对象的年龄属性进行分组，创建一个新的结构，以年龄为键，包含相同年龄的对象数组为值。

1.后台返回一个数据

   const people = [
        {
          name: "a",
          age: 30,
          sex: "female",
        },
        {
          name: "b",
          age: 30,
          sex: "male",
        },
        {
          name: "c",
          age: 25,
          sex: "male",
        },
        {
          name: "d",
          age: 28,
          sex: "famale",
        },
        {
          name: "e",
          age: 40,
          sex: "male",
        },
        {
          name: "f",
          age: 40,
          sex: "famale",
        },
      ];

2.要求以对象的某个属性名这种方式输出

   // 例子  
    {
        "40": [
          {
            name: "e",
            age: 40,
            sex: "male",
          },
          {
            name: "f",
            age: 40,
            sex: "famale",
          },
        ];
      }

3.解决办法：


      // 按照年龄分组，将年龄作为属性名

      function groupBy(arr, propName) {
        const result = {};

        for (const item of arr) {
          const key = item[propName];
          if (!result[key]) {
            result[key] = [];
          }
          result[key].push(item);
        }
        return result;
      }

4.效果

5.完整代码

<script>
      const people = [
        {
          name: "a",
          age: 30,
          sex: "female",
        },
        {
          name: "b",
          age: 30,
          sex: "male",
        },
        {
          name: "c",
          age: 25,
          sex: "male",
        },
        {
          name: "d",
          age: 28,
          sex: "famale",
        },
        {
          name: "e",
          age: 40,
          sex: "male",
        },
        {
          name: "f",
          age: 40,
          sex: "famale",
        },
      ];

      // 按照年龄分组，将年龄作为属性名

      function groupBy(arr, propName) {
        const result = {};

        for (const item of arr) {
          const key = item[propName];
          if (!result[key]) {
            result[key] = [];
          }
          result[key].push(item);
        }
        return result;
      }
      console.log(groupBy(people, "age"));
    </script>