阅读 55

前端面试的一道小题

要求实现 一个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'
 */
复制代码

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

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

第二部的关键其实也很简单,我们只需要设置一个临时变量,通过循环替换数组中的每一个路径即可,具体代码可参考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;
}
复制代码