Предпочтительный способ создания «словаря словарей» в JavaScript

Question

Предположим, что мне нужен словарь JavaScript (объект/ассоциативный массив), который мне нужно получить доступ к следующим образом:

var value = dict[foo][bar][buz][qux]; // this could go on 

Что является лучшим способом для инициализации этого Словарь? Единственный способ, который я могу придумать, это:

// 'foo', 'bar', 'baz', 'qux' are variables 
var dict = {}; 
dict[foo] = {}; 
dict[foo][bar] = {}; 
dict[foo][bar][buz] = {}; 
dict[foo][bar][buz][qux] = value; 

В качестве альтернативы, есть ли лучший способ достичь тех же результатов? Я бы предпочел решение, которое работает как в браузерах, так и в Node.js.

Answer 1

Опцион заключается в создании объекта динамически, как:

var vals = [1, 2, 3, 4]; 

function createObject(arr) { 
    var obj = {}; 
    var mod = obj; 
    for (var i = 0, j = arr.length; i < j; i++) { 
     if (i === (j - 1)) { 
      mod.value = arr[i]; 
     } else { 
      mod[arr[i]] = {}; 
      mod = mod[arr[i]]; 
     } 
    } 
    return obj; 
} 

console.log(createObject(vals)); 

DEMO:http://jsfiddle.net/BnkPz/

Таким образом, ваш список переменных должны быть помещены в массив и передаются функции, или функция может изменить для работы с любым количеством переданных аргументов.

Answer 2

Вы можете просто определить его в одной строке:

var dict = { foo: { bar: { buz: {qux: "value"}}}}; 

Использование JSON.parse

var dict = JSON.parse('{ "' + foo + '": { "' + bar + '": { "' + buz + '": { "' + qux + '": "value"}}}}'); 

Answer 3

Вы можете создать функцию, которая принимает объект для изменения, путь к свойству листа (дот-разделителями строку, как foo + '.' + bar + '.' + buz + '.' + qux), и значение, и зациклить его и сделать работу для вас:

var foo = 'foo', 
    bar = 'bar', 
    buz = 'buz', 
    qux = 'qux', 
    path = foo + '.' + bar + '.' + buz + '.' + qux, 
    dict = {}; 

createNestedProperty(dict, path, 10); 
console.log(dict); 

function createNestedProperty(dict, path, value) { 
    var pathArray = path.split('.'), 
     current; 
    while(pathArray.length) { 
     current = pathArray.shift(); 
     if(!dict.hasOwnProperty(current)) { 
      if(pathArray.length) { 
       dict[current] = {}; 
      // last item 
      } else { 
       dict[current] = value;  
      } 
     } 
    } 
} 

http://jsfiddle.net/NuqtM/

Кроме того, подобный вопрос был задан здесь: Extend a JavaScript object by passing a string with the path and a value.