JavaScript 对象扁平化

Posted 2021-10-14 乱舞春秋__

javascript对象扁平化

我们平时肯定遇到过多层嵌套的对象，name如何将它扁平化呢？一起来看看吧！
函数封装如下：

function flatten (obj) {
      const ans = {}
      inner(obj, null)
      function inner (o, prev) {
        for (let key in o) {
          if (o[key] instanceof Object) {
            if (prev === null) {
              inner(o[key], key)
            } else {
              inner(o[key], prev + '.' + key)
            }
          } else {
            if (prev === null) {
              ans[key] = o[key]
            } else {
              ans[prev + '.' + key] = o[key]
            }
          }
        }
      }
      return ans
    }

将一个多层嵌套的对象传入，将返回一个扁平化后的对象。
示例：

const obj = {
      a: 1,
      b: { c: 2, d: 3 },
      e: { f: { g: 4 } },
      h: { i: { j: 5, k: 6 } }
    }

对象obj是一个多层嵌套的对象，将其传入flatten函数，将得一个扁平化的对象：

{ a: 1, b.c: 2, b.d: 3, e.f.g: 4, h.i.j: 5, h.i.k: 6 }

以上即为扁平化一个对象的方法。