JavaScript对象数组根据某个属性值筛选分类-Toy模板网

这篇具有很好参考价值的文章主要介绍了JavaScript对象数组根据某个属性值筛选分类。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

🤵 作者：coderYYY
🧑 个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享🍀欢迎和我一起交流！🚀（评论和私信一般会回！！）
👉 个人专栏推荐：《前端项目教程以及代码》

JavaScript对象数组根据某个属性值筛选分类

在开发中，这种需求还是挺常见的，常用于处理后端返回的数据，话不多说直接上代码：
以下示例是根据性别gender进行分类，要按哪个属性分类就直接把gender替换掉就好文章来源地址https://www.toymoban.com/news/detail-736027.html

const arr = [
  { name: '李大', age: 20, gender: '男' },
  { name: '张三', age: 25, gender: '女' },
  { name: '王五', age: 20, gender: '女' },
  { name: '赵六', age: 30, gender: '男' },
  { name: '杨二', age: 25, gender: '男' }
];
let tempArr = [];// 分类属性项
var newArr = [];
arr.forEach((i, index) => {
     if (tempArr.indexOf(i.gender) === -1) {
            newArr.push({
              gender: i.gender,
              list: [i]
            });
            tempArr.push(i.gender);
     } else {
            newArr[tempArr.indexOf(i.gender)].list.push(i)
     }
   });
console.log(newArr);

newArr打印结果：

[
    {
        "gender": "男",
        "list": [
            {
                "name": "李大",
                "age": 20,
                "gender": "男"
            },
            {
                "name": "赵六",
                "age": 30,
                "gender": "男"
            },
            {
                "name": "杨二",
                "age": 25,
                "gender": "男"
            }
        ]
    },
    {
        "gender": "女",
        "list": [
            {
                "name": "张三",
                "age": 25,
                "gender": "女"
            },
            {
                "name": "王五",
                "age": 20,
                "gender": "女"
            }
        ]
    }
]