基于提供的键遍历对象层次结构？

Question

我有一个接受以下参数的函数：

set(section, field, pair, component, element, value)

section，field，pair和component只是Object中的键。它们是路标点，因此我们可以沿着层次结构前进。显然部分是头，我们的切入点。

element是目标键，值是将要设置的值。

既然，有不同深度的元素，我想做以下几点：

set('utility', null, null, null, 'exportId', 'banana')

这是一个浅层访问，在内部它将执行此操作：

dataObj[section][element] = value;

**/ As in
 * data: {
      utility: {
         exportId: 'banana'
      }
 *  }
 */

在其他情况下，当元素在Object内部更深时，可能需要执行以下操作：

dataObj[section][field][pair][component][element] = value;

什么是最好的方法，动态定义元素的路径，所以我们跳过作为'null'传入的键？

例如：

set('history', 'current', null, null, 'fruit', 'apple')

**/ As in
 * data: {
      history: {
         current: {
           fruit: 'apple'
        }
      }
 *  }
 */

将在内部构建为：

dataObj[section][field][element] = value;

你可能已经注意到了，我们跳过了[pair][component]，因为这些插槽是作为null传入的。

Answer 1

您可以使用rest parameters来获取传递给数组的参数。然后使用reduceRight创建一个对象

function set(...paths) { 
  return paths.reduceRight((r, key, i) => key !== null ? { [key] : r } : r)  
}

console.log(set('history', 'current', null, null, 'fruit', 'apple'))
console.log(set('utility', null, null, null, 'exportId', 'banana'))

---

上面的函数将根据路径构造一个嵌套对象。如果您只想更新现有对象，可以遍历该对象并设置如下所示的值：

function set(dataObj, ...paths) {
  let value = paths.pop(),
      nested = dataObj;

  for (let i = 0; i < paths.length; i++) {
    const path = paths[i];

    if (i === paths.length - 1 && nested)
      nested[path] = value; // set the value if it's the final item

    if (path !== null && nested)
      nested = nested[path]; // get another level of nesting
  }

  return dataObj;
}

let obj = { utility: { exportId: 'banana' } }

console.log(set(obj, 'utility', null, null, null, 'exportId', 'orange'))

obj = {
  history: {
    current: {
      fruit: 'apple'
    }
  }
}

console.log(set(obj, 'history', 'current', null, null, 'fruit', 'orange'))

Answer 2

只需将对象传递给函数，而不是拥有一长串特定参数。这样你只需要传递你需要的东西，并且不会有任何“空”引用来处理这个问题。

使用此实现，此调用可以缩短为以下内容：

您当前的实施：

 set('utility', 'current', null, null, 'exportId', 'banana')

使用对象作为参数：

set({
   section:'utility', 
   field:'current', 
   element: 'exportId', 
   value:'banana'
});