数据转换：将一个数组对象里面每个具有相同的字段筛选出来组成一个新数组

原创已于 2022-03-12 18:24:35 修改 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-03-12 17:59:19 首次发布

数据转换专栏收录该内容

6 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript处理数组对象，通过筛选具有相同字段的元素，生成新的数组。内容涉及数组遍历、对象属性判断及数据重组等技巧。

部署运行你感兴趣的模型镜像

原数据：
在这里插入图片描述
转化为：

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

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <script>
        let arr2 = [{
            id: 0,
            memo: "123",
            name: "苹果",
            type: "水果",
        }, {
            id: 1,
            memo: '好吃',
            name: '香蕉',
            type: '水果',
        }, {
            id: 2,
            memo: '好吃',
            name: '橙子',
            type: '水果',
        }, {
            id: 0,
            memo: '好吃',
            name: '老坛酸菜牛肉面',
            type: '方便面',
        }, {
            id: 1,
            memo: '好吃',
            name: '泡椒牛肉面',
            type: '方便面',
        }, {
            id: 0,
            memo: '好喝',
            name: '酸奶',
            type: '奶制品',
        }, {
            id: 0,
            memo: '好吃',
            name: '衣架',
            type: '其他',
        }]
        console.log(arr2)
       let obj = {}
        //循环遍历arr2数组
        for (let i = 0; i < arr2.length; i++) {
            //取出arr2数组的type类型
            let key = arr2[i].type
            console.log(key)
            //判断type类型是否等于undefined
            if (key !== undefined) {
                //判断obj对象中是否存在type类型，如果为undefined，就创建一个空数组
                if (obj[key] == undefined) {
                    obj[key] = []
                }
                //把值加入到obj中
                obj[key].push(arr2[i])
            }
        }
        console.log(obj)
    </script>
</body>

</html>

您可能感兴趣的与本文相关的镜像