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

关注

原创 2022-03-12 18:24:35 1.5k 阅读 AI 写同款· GEO 优化 ›

JavaScript数组方法实战：map/filter/forEach的语义契约与工程避坑 JavaScript数组迭代方法（如map、filter、forEach）并非for循环的语法糖，而是基于函数式编程思想设计的数据流处理原语。其核心原理在于严格的语义契约：map保证输入输出长度一致且返回新数组，filter依赖显式布尔判定，forEach专注副作用执行而不返回值。这些特性共同支撑了不可变数据、可预测副作用、高可测试性等现代前端工程价值，在React状态更新、API数据清洗、表单校验等场景中直接影响代码健壮性与协作效率。本文结合V8引擎优化机制与百万级日志、电商筛选等真实项目案例，解析何时该阅读详情

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

<!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>

收录于