js常用的处理数据方法之对象篇

最新推荐文章于 2025-06-14 18:14:05 发布

不想秃头的前端开发

最新推荐文章于 2025-06-14 18:14:05 发布

阅读量666

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_45888429/article/details/112836422

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文探讨了JavaScript中如何进行对象的扁平化处理，包括将嵌套的对象转换为单一层次的键值对结构，以简化数据操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象的扁平化处理

var obj = { 
    'A': 1, 
    'B.A': 2,
    'B.B': 3,
    'CC.D.A': 4,
    'CC.D.F': 5,
}
/**
 * 递归函数-处理数据
 * @param {*} str  对象的key值
 * @param {*} obj  已经存在的对象链
 * @param {*} value 到最后一个点时候赋的值
 */
var pinjie = function(str, obj,value) {
    if(str.includes('.')){
        let index = str.indexOf('.')
        if(str.slice(index + 1).includes('.')){
            // 记录当前的链子
            obj[str.slice(0,index)] = {...obj[str.slice(0,index)]}
            pinjie(str.slice(index + 1), obj[str.slice(0,index)], value)
        }else{
            obj[str.slice(0,index)] = {...obj[str.slice(0,index)]}
            obj[str.slice(0,index)][str.slice(index+1)] = value
        }
    }else{
        obj[str] = value
    }
}
var resaultObj = {}
for(let i in obj){
    pinjie(i, resaultObj, obj[i])
}
console.log(JSON.stringify(resaultObj))
// outPut {"A":1,"B":{"A":2,"B":3},"CC":{"D":{"A":4,"F":5}}}