Как правильно достать данные из многомерного массива?

Question

[Артем]

Не сильно соображаю в JS. Есть многомерный массив data, полученный через ajax запрос, примерно такой.

{
"set": {
        "items": [
            {
                "path": "path",
                "type": "file",
                "name": "office.doc",
                "size": 278982
            },
            {
                "name": "1.JPG",
                "path": "path",
                "type": "file",
                "size": 896772
            }
        ],
        "total": 2
},
"type": "dir"
}

Через цикл пытаюсь достать, например name

for(var i = 0; i < total; i++) {
    var name = data['set']['items'][i]['name'];

}

Если в цикле прописать console.log(name);, то в консоли он выдаст все как нужно, по очереди, но я пытаюсь это вставлять в таблицу, через такое

$('tbody#parent>tr:gt(0)>td:nth-child(3)').text(name);

А в таблицу, во все строки, вставляется только последнее значение массива
1.JPG
1.JPG
1.JPG
Не знаю как еще более понятно объяснить

Answer 1

[Rsa97]

Вам надо перебирать все строки таблицы и для каждой вставлять соответствующее значение. Сейчас вы каждое значение вставляете во все строки таблицы разом.

$('tbody#parent>tr:gt(0)>td:nth-child(3)').each(function(index) {
  $(this).text(data['set']['items'][index]['name']);
});

Comments

[Артем]

Понял, спасибо

Answer 2

[0xD34F]

Если в цикле прописать console.log(name);, то в консоли он выдаст все как нужно

И какого же хрена вы спрашиваете как правильно достать данные, если с этим проблем нет?

в таблицу, во все строки, вставляется только последнее значение

Так может, в селекторе стоит указывать конкретный номер строки, куда вы хотите подставить текущее значение, а не все сразу? Например:

$(`#parent > :eq(${i + 1}) > :nth-child(3)`).text(name);

Ну а вообще, лучше бы отказаться от написания цикла своими руками:

$('#parent > :gt(0) > :nth-child(3)').text(i => {
  return (data.set.items[i] || {}).name;
});

// или, к чёрту jquery

data.set.items.forEach(function(n, i) {
  const tr = this[i + 1];
  tr && (tr.cells[2].textContent = n.name);
}.bind(document.querySelector('#parent').rows));

Comments

[Артем]

И как же правильно задать вопрос?

[0xD34F]

Артем, подумайте.

Answer 3

[Kudis]

Так случилось, что в JS нет многомерных массивов - это объект
бегать по нему удобнее через ключи

var keys = Object.keys(arCartElements);
keys.forEach(function(elementId) {
    var element = arCartElements[elementId];
    console.log(element);
});

для бесконечной вложности использую рекурсивный обход