将数组(多个深度对象关键帧)转换为一个对象

Question

任务：将键数组转换为一个对象，并为每个键分配一个空字符串，例如(")。

问题：键也表示结果对象中的不同深度级别(例如defaultToolConf.graph.graphApiConf.url表示对象中的4个深度级别)。每个深度级别由一个键串中的一个点(.)分隔。

输入(数组)：

[
'ADMIN_URL_REGEXP', 
'BASE_PATH', 
'appName', 
'defaultToolConf',
'defaultToolConf.graph', 
'defaultToolConf.graph.graphApiConf', 
'defaultToolConf.graph.graphApiConf.markerCampaignsUrl',
'defaultToolConf.graph.graphApiConf.markerUrl', 
'defaultToolConf.graph.graphApiConf.ndviUrl', 
'defaultToolConf.graph.graphLineColors', 
'defaultToolConf.query', 
'defaultToolConf.query.canExportKml', 
'defaultToolConf.query.isExportEnabled', 
'defaultToolConf.query.isResizable', 
'defaultToolConf.test', 
'defaultToolConf.toolsPermissionsPath', 
'token', 
'token.format', 
'token.key', 
'token.paths'
]

输出(结果对象)：

{
"ADMIN_URL_REGEXP": "",
"BASE_PATH": "",
"appName": "",
"defaultToolConf": {
"graph": {
"graphApiConf": {
"markerCampaignsUrl": "",
"markerUrl": "",
"ndviUrl": ""
},
"graphLineColors": ""
},
"query": {
"canExportKml": "",
"isExportEnabled": "",
"isResizable": ""
},
"test": "",
"toolsPermissionsPath": ""
},
"tokenInterceptor": {
"format": "",
"key": "",
"paths": ""
}
}

到目前为止我所做的：https://jsfiddle.net/rt279mfz/

我设法创建了一个具有多个深度对象的结果对象。

问题：我不得不将键值分配为空对象｛｝。这意味着我必须循环遍历所有对象键(在多个深度中)，并将值重新分配为空字符串，而不是空对象。我不知道这是否可能。

我在结果对象中有重复键。

Answer 1

迭代：

// Reduce 
const result = array.reduce((acc, item) => {
// Split string to array
const split = item.split('.');
let currentStep = acc;
split.forEach((item, index) => {
// Set current object property (if already exists do nothing, if not then create an empty object, if its last index assign empty string)
currentStep = currentStep[item]
= (currentStep[item] || (index === split.length - 1 ? '' : {}))
});
return acc;
}, {})

递归：

const result = array.reduce((acc, item) => {
const createDeepNestedObj = (obj, array, index = 0, current = array[index]) => {
obj[current] = obj[current] || (index < array.length - 1 ? {} : '');
if (index < array.length) createDeepNestedObj(obj[current], array, ++index);
}
createDeepNestedObj(acc, item.split('.'));
return acc;
}, {})

Answer 2

您可以"步行；通过对象，边走边创建子级别。这里有一个例子：

const array = [
'ADMIN_URL_REGEXP', 
'BASE_PATH', 
'appName', 
'defaultToolConf',
'defaultToolConf.graph', 
'defaultToolConf.graph.graphApiConf', 
'defaultToolConf.graph.graphApiConf.markerCampaignsUrl',
'defaultToolConf.graph.graphApiConf.markerUrl', 
'defaultToolConf.graph.graphApiConf.ndviUrl', 
'defaultToolConf.graph.graphLineColors', 
'defaultToolConf.query', 
'defaultToolConf.query.canExportKml', 
'defaultToolConf.query.isExportEnabled', 
'defaultToolConf.query.isResizable', 
'defaultToolConf.test', 
'defaultToolConf.toolsPermissionsPath', 
'token', 
'token.format', 
'token.key', 
'token.paths'];

const arrayToObject = (arr) => {
return arr.reduce((acc, el) => {
let currentNode = acc;
const pathParts = el.split(".");
for (let i = 0; i < pathParts.length - 1; i++) { // skip the final element (- 1)
let pp = pathParts[i];
if (!currentNode[pp])
currentNode[pp] = {}; // create the nested object if needed
currentNode = currentNode[pp]; // move to the next level of the object
}
// currentNode is now the parent object of the last property from the array that we need to add, from here we just assign it to ""
currentNode[pathParts[pathParts.length - 1]] = "";
return acc;
}, {});
}
let newObject = arrayToObject(array);
console.log(newObject);