JS对象深查询-优快云博客

要求实现一个get函数，传入的第一个是要查询的对象，传递的第二个为查询的路径。要求返回查询路径的对象，如果不存在则返回Null

  const object = { 'a': [{ 'b': { 'c': 3 } }] }
 *
 * get(object, 'a[0].b.c')
 * // => 3
 *
 * get(object, ['a', '0', 'b', 'c'])
 * // => 3
 *
 * get(object, 'a.b.c', 'default')
 * // => 'default'
 */
复制代码

这个题目其实很简单，但是我居然面试过程中卡壳了。解题思路只有两部：

首先分割要查询字符串的路径为一个数组
然后遍历对象查询是否存在（关键在这一步）

第二部的关键其实也很简单，我们只需要设置一个临时变量，通过循环替换数组中的每一个路径即可，具体代码可参考Lodash的get函数实现

  function get (args) {
  const deep = args.split('.')
  let tmp = this;

  let index = 0;
  const length = deep.length;
  // 遍历的条件也是如此 1. 变量是否是对象 2. 循环结束根据查询的路径长度来判断
  while (tmp != null && index < length) {
    tmp = tmp[deep[index++]]
  }
  // 判断条件 1. 要查的数据是否已经遍历完了 2. 遍历获取的数据是否存在
  return (tmp && index === length) ? tmp : null;
}
复制代码