deep-get.md

标题	标签
deepGet(深度查找对象中的值)	object(对象)

根据键数组获取嵌套 JSON 对象中的目标值。

• 将嵌套JSON对象中所需的键作为数组进行比较。
• 使用 Array.prototype.reduce() 来一一获取嵌套的JSON对象中的值。
• 如果对象中存在key，则返回目标值，否则返回null。

代码如下:

const deepGet = (obj, keys) =>
  keys.reduce(
    (o, i) => (o && o[i] !== null && o[i] !== undefined ? o[i] : null),
    obj
  );

ts 代码如下:

调用方式:

let index = 2;
const data = {
  foo: {
    foz: [1, 2, 3],
    bar: {
      baz: ['a', 'b', 'c']
    }
  }
};
deepGet(data, ['foo', 'foz', index]); // get 3
deepGet(data, ['foo', 'bar', 'baz', 8, 'foz']); // null

应用场景

以下是一个实战示例:

结果如下:

<iframe src="codes/javascript/html/deep-get.html"></iframe>