Как создать многомерный объект в цикле?

Question

[Way]

Здравствуйте нужно данные такого типа форматировать в многомерный массив объект. Я пришел из PHP и там данные такого типа спокойно в цикле

foreach ( $css_data->data as $size => $css_value ) {
     $selector = '#css-id-' .  $css_data->selector_id . ' ' . $css_data->css_class;
     $sorted_array[$size][$selector][$css_data->css_prop] = $css_value;
}

можно форматировать. Но в JS таким методом не получается так как я понял что нужно все внутренние объекты определять то есть [obj][obj] само не создаст. Вопрос в том как правильно в цикле сделать аналогично как в PHP.

Answer 1

[Максим Тимофеев]

Создаст.

var sorted = {};
sorted[size] = {};
sorted[size][selector] = {some: 'some'};

Просто в php у Вас в примере $sorted_array массив, а не объект. Был бы там объект, тоже номер бы не удался.
В js массив - это тоже объект, но "хитрый", это отдельный случай. В js нет ассоциативных массивов, как в php, но есть объекты, которые их отлично заменяют. Советую вот это прочитать, все станет на свои места: https://learn.javascript.ru/data-structures
Я сам после php пока до дыр эту тему не прочитал, не мог переключиться. Все логично, но логика отличается от той что в php.

Comments

[Way]

Спасибо за ваш ответ. То есть мне нужно делать так?

var sorted_obj = {};
 $.each(parseVal.data, function (size, css_value) {
         sorted_obj[size] = {};
         sorted_obj[size][selector] = {};
         sorted_obj[size][selector][parseVal.css_prop] = {};
         sorted_obj[size][selector][parseVal.css_prop] = css_value;
});

[Максим Тимофеев]

wayheming,
Да, можно короче

var sorted_obj = {};
 $.each(parseVal.data, function (size, css_value) {
         sorted_obj[size] = {};
         sorted_obj[size][selector] = {parseVal.css_prop: css_value};
});

Символ точки в ключе - по идее норм, но лучше проверить. Не помню можно ли.

[Way]

Максим Тимофеев, Все работает но есть еще одна проблема получается что при каждой итерации цикла объекты создаются заново и они пустые и получается что выходной объект будет иметь значения последней итерации. Нужно делать проверку аля не объект ли он уже и если да то не создавать?

[Максим Тимофеев]

wayheming, проверяйте есть ли объект

if(typeof sorted_obj[size] !== 'object'){
  sorted_obj[size] = {};
}

[Way]

Максим Тимофеев, так и делал изначально) думал такой вариант жесткие костыли искал решения по элегантней но увы( Спасибо за помощь

if (typeof sorted_obj[size] != 'object') {
      sorted_obj[size] = {};
}

if (typeof sorted_obj[size][selector] != 'object') {
     sorted_obj[size][selector] = {};
}

if (typeof sorted_obj[size][selector][parseVal.css_prop] != 'object') {
    sorted_obj[size][selector][parseVal.css_prop] = {};
}

sorted_obj[size][selector][parseVal.css_prop] = css_value;