使用字符串数组创建一个多级对象，将数组解析为JS对象

Question

我有这个数组需要解析成一个有用的对象。每个值的名称是由/字符分隔的命名空间的集合。之间的每个“/”需要变成一个JS对象属性的值：

"status": [ 
    { 
    "message": "OK", 
    "name": "/Computer", 
    "values": [] 
    }, 
    { 
    "name": "/Computer/CPU Usage", 
    "values": [] 
    }, 
    { 
    "name": "/Computer/CPU Temp", 
    "values": [] 
    }, 
    { 
    "name": "/Computer/hardware/memory", 
    "values": [] 
    } 
] 

我需要它变成这样：

"status": { 
    "computer": { 
     "CPU Usage": { 
     "values": [] 
     }, 
     "CPU Temp": { 
     "values": [] 
     }, 
     "hardware": { 
     "memory": { 
      "values": [] 
     } 
     } 
    } 
    } 

到目前为止，我已经做到了这一点：

var statii = status, // from above.. 
    _parsedStatii = {}; 

for (var i = 0; statii.length < 0; i ++) { 
    var _nameSpaces = statii[i].name.split('/'); 

    // Start at 1 because index 0 is empty (before the first slash) 
    if (!_parsedStatii[_nameSpaces[1]]) { 
     _parsedStatii[_nameSpaces[1]] = {}; 
    } 

    if (!_parsedStatii[_nameSpaces[1]][_nameSpaces[2]]) 
     _parsedStatii[_nameSpaces[1]][_nameSpaces[2]] = {}; 


    if (!_parsedStatii[_nameSpaces[1]][_nameSpaces[2]][_nameSpaces[3]]) 
     _parsedStatii[_nameSpaces[1]][_nameSpaces[2]][_nameSpaces[3]] = {}; 


    if (!_parsedStatii[_nameSpaces[1]][_nameSpaces[2]][_nameSpaces[3]][_nameSpaces[4]]) 
     _parsedStatii[_nameSpaces[1]][_nameSpaces[2]][_nameSpaces[3]][_nameSpaces[4]] = {}; 

} 

很明显，它没有接近正确的地方，我尝试了很多递归函数，但是有点遗憾。这个例子给出了我想要实现的最清晰的表示。有任何想法吗？ （请原谅代码错别字，它已被释义）

Answer 1

您可以拆分名称并构建一个对象。

var data = { "status": [{ "message": "OK", "name": "/Computer", "values": [] }, { "name": "/Computer/CPU Usage", "values": [] }, { "name": "/Computer/CPU Temp", "values": [] }, { "name": "/Computer/hardware/memory", "values": [] }] }, 
 
    object = {}; 
 

 
data.status.forEach(function (a) { 
 
    a.name.slice(1).split('/').reduce(function (o, k) { 
 
     return o[k] = o[k] || {}; 
 
    }, object).values = a.values; 
 
}); 
 

 
console.log(object);

.as-console-wrapper { max-height: 100% !important; top: 0; }