问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

使用js，如果转换这个数据结构

头像
用户bPQb0e
    133417
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        let arr  = [
            {listKey: 0, itemKey: 0},
            {listKey: 0, itemKey: 1},
            {listKey: 0, itemKey: 2},
            {listKey: 1, itemKey: 0},
            {listKey: 1, itemKey: 1},
            {listKey: 1, itemKey: 2},
            {listKey: 2, itemKey: 0},
            {listKey: 2, itemKey: 1},
            {listKey: 2, itemKey: 2},
            {listKey: 2, itemKey: 3},
            {listKey: 2, itemKey: 4},
            {listKey: 2, itemKey: 5}
        ]

        // -----  得一下结构
        let toggleArr = [
            {listKey: 0, itemKeyList: [0,1,2]},
            {listKey: 1, itemKeyList:  [0,1,2]},
            {listKey: 2, itemKeyList:  [0,1,2,3,4,5]}
        ]
     
    </script>
</body>
</html>

    已知arr的数据结构，怎么把arr转成toggleArr的数据结构？就是把arr里面的listKey相同的那些项的itemKey，组成一个数组？

    javascript前端
    阅读 3.1k
    6 个回答
    得票最新
    头像
    老徐不二
      1.3k72939
      ✓ 已被采纳
      arr.reduce((acc, cur) => {
    const index = acc.findIndex(item => item.listKey === cur.listKey)
    if (index > -1) {
        acc[index].itemKeyList.push(cur.itemKey)
    } else {
        acc.push({listKey: cur.listKey, itemKeyList: [cur.itemKey]})
    }
    return acc;
}, [])
      头像
      voggen
        1.2k53463
        Object.values(arr.reduce((res, cur) => {
    let { listKey, itemKey } = cur;
    if (listKey in res) {
        res[listKey].itemKey.push(itemKey);
    } else {
        res[listKey] = {
            listKey,
            itemKey: [itemKey]
        }
    }
    return res;
}, {}))
        头像
        whiteplayer
          2.8k1927
          let temp = []
arr.map(item => {
  let find = temp.find(i => i.listKey === item.listKey)
  find && find.itemKey.push(item.itemKey) || temp.push({listKey: item.listKey, itemKey: [item.itemKey]})
})
console.log(temp)
          头像
          用户bPQb0e
            133417
            <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        let arr  = [
            {listKey: 1, itemKey: 2},
            {listKey: 2, itemKey: 5}
        ]

        var res = arr.reduce((newArr,currItem,index)=>{
            let i = newArr.findIndex(item => item.listKey === currItem.listKey)
            if(i>=0){
                newArr[i].itemKeyList.push(currItem.itemKey)
            }else {
                newArr.push({ listKey:currItem.listKey, itemKeyList:[currItem.itemKey] })
            }
            return newArr
        },[])
        console.log(res,"res");
        
    </script>
</body>
</html>

            或者

            <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let arr = [
            { listKey: 0, itemKey: 0 },
            { listKey: 0, itemKey: 1 },
            { listKey: 0, itemKey: 2 },
            { listKey: 1, itemKey: 0 },
            { listKey: 1, itemKey: 1 },
            { listKey: 1, itemKey: 2 },
            { listKey: 2, itemKey: 0 },
            { listKey: 2, itemKey: 1 },
            { listKey: 2, itemKey: 2 },
            { listKey: 2, itemKey: 3 },
            { listKey: 2, itemKey: 4 },
            { listKey: 2, itemKey: 5 }
        ]
        arr = arr.map(item=>{
            return {
                ...item,
                itemlist :[]
            }
        })
        let result = arr.reduce((a,b,c)=>{
            console.log(a,b,c);
            debugger
            if (!a.length) {
                b.itemlist = [b.itemKey]
                a.push(b)
                return a
            }else{
                let findex = a.findIndex(item=>{
                    return item.listKey === b.listKey
                })
                
                if (findex>-1) {
                    a.forEach((item,index)=>{
                        if (index === findex) {
                            a[findex].itemlist = a[findex].itemlist.concat([b.itemKey])
                        }
                    })
                }else{
                    b.itemlist = [b.itemKey]
                    a.push(b)   
                }
                return a
            }
        },[])
        console.log(result,'√ßß');
    </script>
</body>

</html>
            头像
            程序媛兔子
              1.3k1110
              let toggleArr = [];
arr.forEach(item => {
    let isExist = toggleArr.some(every => every.listKey === item.listKey);
    if (toggleArr && toggleArr.length && isExist) {
        toggleArr.forEach((every, index) => {
            if (every.listKey === item.listKey) {
                toggleArr[index]['itemKeyList'].push(every.itemKey);
            }
        })
    } else {
        toggleArr.push({
            listKey: item.listKey,
            itemKeyList: [item.itemKey]
        });
    }
});
              头像
              nanie
                27924
                let indexHash = {}
let toggleArr = arr.reduce((res, cur) => {
    const index = indexHash[cur.listKey]
    if (index >= 0) {
        res[index].itemKeyList.push(cur.itemKey)
    } else {
        indexHash[cur.listKey] = res.length
        res.push({ listKey: cur.listKey, itemKeyList: [cur.itemKey] } )
    }
    return res
}, [])
                撰写回答
                你尚未登录，登录后可以
                • 和开发者交流问题的细节
                • 关注并接收问题和回答的更新提醒
                • 参与内容的编辑和改进，让解决方法与时俱进
                推荐问题