JS 数组根据某一字段值分组

lucklys

[JavaScript] 纯文本查看 复制代码

[{id:1,name:'大'}, {id:2,name:'小'}, {id:3,name:'大'}, {id:4,name:'小'}, {id:5,name:'大'}, {id:6,name:'大'}, {id:7,name:'小'}, {id:7,name:'中'}, {id:7,name:'小'}, {id:7,name:'中'}]

比如我有一组数据 是这样子的，可能还会有超大 超小 之类的
我需要 把相同的name 放到一块
我该怎么做呀，整不会了。

[JavaScript] 纯文本查看 复制代码

let a = [
	{ id: 1, name: '大' },
	{ id: 2, name: '小' },
	{ id: 3, name: '大' },
	{ id: 4, name: '小' },
	{ id: 5, name: '大' },
	{ id: 6, name: '大' },
	{ id: 7, name: '小' },
	{ id: 7, name: '中' },
	{ id: 7, name: '小' },
	{ id: 7, name: '中' },
]
let newArr = []
let nameList = new Set(a.map(item => item.name))
nameList.forEach((item, index) => {
	newArr[index] = {
		name: item,
		goods: [],
	}
	a.forEach(items => {
		if (item == items.name) {
			newArr[index].goods.push(items)
		}
	})
})
console.log(newArr)

我自己想到这这种解决方法，还有更简单的吗~

RenGuiSong

百度，js groupBy方法  一大堆的

52P

lodash groupBy

52P

[JavaScript] 纯文本查看 复制代码

const arr = [
    { id: 1, name: '大' },
    { id: 2, name: '小' },
    { id: 3, name: '大' },
    { id: 4, name: '小' },
    { id: 5, name: '大' },
    { id: 6, name: '大' },
    { id: 7, name: '小' },
    { id: 7, name: '中' },
    { id: 7, name: '小' },
    { id: 7, name: '中' }
]

const newarr = arr.reduce(function (pre, cur) {
    const item = pre.find(p => p.name == cur.name)
    if (item) {
        item.data.push(cur)
    } else {
        pre.push({
            name: cur.name,
            data: [cur]
        })
    }
    return pre
}, [])

const ids = arr.reduce(function (pre, cur) {
    if (pre[cur.id]) {
        pre[cur.id].push(cur)
    } else {
        pre[cur.id] = [cur]
    }
    return pre
}, {})

console.log(JSON.stringify(newarr, null, 4))
console.log(JSON.stringify(ids, null, 4))

lucklys

52P 发表于 2022-8-15 14:58
[mw_shl_code=javascript,true]const arr = [
    { id: 1, name: '大' },
    { id: 2, name: '小' },

牛啊，我从来都没用过这东西