JS 根据数组对象中某个字段的值，重组新的数组对象

最新推荐文章于 2023-10-13 15:18:11 发布

青衫折扇

最新推荐文章于 2023-10-13 15:18:11 发布

阅读量1.8k

点赞数

分类专栏： uni-app jquery vue.js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_42543264/article/details/127277239

版权

uni-app 同时被 3 个专栏收录

60 篇文章 17 订阅

订阅专栏

vue.js

33 篇文章 0 订阅

订阅专栏

jquery

12 篇文章 0 订阅

订阅专栏

现在要处理的数组对象

let list = [
    {is_show: true, name: "小哥哥", state: true, trial: false, type: 1},
    {is_show: true, name: "小姐姐", state: true, trial: false, type: 1},
    {is_show: true, name: "二次元", state: true, trial: false, type: 1},
    {is_show: true, name: "风景", state: true, trial: false, type: 1},
    {is_show: true, name: "男生", state: true, trial: false, type: 2},
    {is_show: true, name: "女生", state: true, trial: false, type: 2},
    {is_show: true, name: "动漫", state: true, trial: false, type: 2},
    {is_show: true, name: "人物", state: true, trial: false, type: 3},
    {is_show: true, name: "星空", state: true, trial: false, type: 3},
    {is_show: true, name: "科技", state: true, trial: false, type: 3}
]

希望重组得到下面这个数据结构

[
    {
        type: 1,
        list: [
            {is_show: true, name: "小哥哥", state: true, trial: false, type: 1},
            {is_show: true, name: "小姐姐", state: true, trial: false, type: 1},
            {is_show: true, name: "二次元", state: true, trial: false, type: 1},
            {is_show: true, name: "风景", state: true, trial: false, type: 1},
        ]
    },
    {
        type: 2,
        list: [
            {is_show: true, name: "男生", state: true, trial: false, type: 2},
            {is_show: true, name: "女生", state: true, trial: false, type: 2},
            {is_show: true, name: "动漫", state: true, trial: false, type: 2},
        ]
    },
    {
        type: 3,
        list: [
            {is_show: true, name: "人物", state: true, trial: false, type: 3},
            {is_show: true, name: "星空", state: true, trial: false, type: 3},
            {is_show: true, name: "科技", state: true, trial: false, type: 3}
        ]
    }
]

直接上代码

let list = [
	{is_show: true, name: "小哥哥", state: true, trial: false, type: 1},
	{is_show: true, name: "小姐姐", state: true, trial: false, type: 1},
	{is_show: true, name: "二次元", state: true, trial: false, type: 1},
	{is_show: true, name: "风景", state: true, trial: false, type: 1},
	{is_show: true, name: "男生", state: true, trial: false, type: 2},
	{is_show: true, name: "女生", state: true, trial: false, type: 2},
	{is_show: true, name: "动漫", state: true, trial: false, type: 2},
	{is_show: true, name: "人物", state: true, trial: false, type: 3},
	{is_show: true, name: "星空", state: true, trial: false, type: 3},
	{is_show: true, name: "科技", state: true, trial: false, type: 3}
]
						
let newList = list.map(item => {
	return {type: item.type, data: []}
})
						
// 数组去重
let hash = {};
newList = newList.reduce((item, next) => {
	hash[next.type]? '': hash[next.type] = true && item.push(next);
							
	return item
}, [])
						
//给每个对象的data追加数据
list.forEach((item, index) => {
	for(let i in newList) {
		if(item.type == newList[i].type) {
			newList[i].data.push(item)
		}
	}
})
console.log(newList)

结果