JS对象降低维度

Question

在某个特定场景中，比如m={“a”:1,"b":{"c":2,"d":[3,4]}},须将他的层级展开，结果：

m={"a":1,"b.c":2,"b.d":[3,4]}

我的代码：

        var m = {

            "a": 1,

            "b": {

                "c": 2,

                "d": [3, 4],

                "e": {

                    "f":5

                }

            }

        }

        function fn(obj) {

            if (Object.prototype.toString.call(obj) === '[object Object]') {//obj:{}

            var newObj = {};

                for (var k in obj) {

                    if(Object.prototype.toString.call(obj[k]) === '[object Object]'){

                        for(var j in obj[k]){

                            if(Object.prototype.toString.call(obj[k][j]) === '[object Object]'){

                                newObj[k+'.'+j] = fn(obj[k][j])

                            }else{

                                newObj[k+'.'+j] = obj[k][j]

                            }

                        }

                    }else{

                        newObj[k] = obj[k]

                    }

                }

            } else {

                return obj

            }

            return newObj

        }

        console.log(fn(m))

我这么写对a到d，得到的是正确结果，但是再来一层a.e.f = 5 就解析不出来了。求解，还求写这种递归的需求时，我怎么知道在什么时间点去调用自己，循环到什么程度以后再去调用自己 ？

Answer 1

只要跟自己长得类似就继续调用，直到跟自己不一样终止你那实现效果参照下面 var m = {   "a": 1,   "b": {     "c": 2,     "d": [3, 4],     "e": {       "f": 5     }   } } function fn(obj, keys, ret) {   if (typeof obj === 'object') {     Object.keys(obj).forEach(key => {      fn(obj[key], [...keys, key], ret)     })   } else {     ret[keys.join('.')] = obj   } } var ret = {} fn(m, [], ret) console.log(ret)