0

Извините за глупый вопрос, запутался в синтаксисе.

Хочу перебрать многомерный массив с кучей вложений, пример:

Array(50)
0: {ID: "46998", IBLOCK_ID: "36", NAME: "Toyota", IBLOCK_SECTION_ID: null, CREATED_BY: "12", PROPERTY_152: {213156: "9284"}}
1: {ID: "47000", IBLOCK_ID: "36", NAME: "Toyota", IBLOCK_SECTION_ID: null, CREATED_BY: "12", PROPERTY_152: {213162: "9284"}}
2: {ID: "47002", IBLOCK_ID: "36", NAME: "Toyota", IBLOCK_SECTION_ID: null, CREATED_BY: "12", PROPERTY_152: {213170: "9284"}}
3: {ID: "47004", IBLOCK_ID: "36", NAME: "Toyota", IBLOCK_SECTION_ID: null, CREATED_BY: "12", PROPERTY_152: {213180: "9284"}}
4: {ID: "47006", IBLOCK_ID: "36", NAME: "Toyota", IBLOCK_SECTION_ID: null, CREATED_BY: "12", PROPERTY_152: {213192: "9934"}}

Таким способом перебираю его в PHP и вывожу в таблицу (вывожу значение одной переменной, просто для примера):

  <?php
                                            
                                            $id_K = $_REQUEST['PLACEMENT_OPTIONS'];
                                            $id_K = preg_replace("/[^0-9]/", '', $id_K);
                                            $id_E = $v2['ID'];

                                            
                                            foreach ((array) $result as $k=>$v){
                                                foreach ((array) $v as $k2=>$v2){
                                                 foreach ((array) $v2 as $k3=>$v3){   
                                                  foreach ((array) $v3 as $k4=>$v4){  
                                          if ($v4==$id_K)            
                                            echo '<tr>
                                                <td><strong>'.'1'.'</strong></td>'
                                                .'<td>'.$v2['ID'].'</td>'
                                                .'<td>'.$v2['NAME'].'</td>'
                                                .'<td>'.$v2['NAME'].'</td>'
                                                .'<td>'.$v2['NAME'].'</td>'
                                                .'<td>'.$v2['NAME'].'</td>'
                                                .'<td>'.$v2['NAME'].'</td>
                                                                                            </tr>'; }}}} ?> 

Как мне подобное повторить на JS? Пытаюсь сделать так:

Массив находится в переменной listTech

for(var i = 0; i < listTech.length; i++)
{
    var tr = document.createElement('tr');
    tr.innerHTML =
        '<td>' + listTech[i].ID + '</td>' +
        '<td>' + listTech[i].NAME + '</td>' +
        '<td>' + listTech[i].PROPERTY_152[0] + '</td>' +
        '<td>' + listTech[i] + '</td>' +
        '<td>' + listTech[i] + '</td>' +
        '<td>' + listTech[i] + '</td>';
    tbody.appendChild(tr);
}

В принципе, я его уже перебрал разными способами. Но интересует вопрос, как мне получить доступ к значению вложенного массива PROPERTY_152, если ключи в этом массиве не повторяются? Как написать, что я хочу получить значение по индексу 0 из массива PROPERTY_152? listTech[i].PROPERTY_152значение 0 индекса

3
  • В вопросе надо заменить php-дамп переменной на реальные данные (тот же массив, но уже в том виде как его получит JS), потому что данные тут являются условием задачи. Еще лучше будет оформить этот массив не просто куском текста, а в js-коде, вместе с собственной попыткой решения - то есть, как минимальный воспроизводимый пример.
    – yar85
    13 июл 2021 в 9:37
  • @yar85, как-то так? 13 июл 2021 в 10:52
  • Так я же не знаю как твоя клиентская часть (на JS) будет получать данные. Если в таком виде, как указано в вопросе - значит так. Хотя я бы посоветовал генерировать серверный ответ в каком-то более "съедобном" формате, типа JSON или YAML... но это уже не относится к вопросу :)
    – yar85
    13 июл 2021 в 10:58

1 ответ 1

1

Если без парсинга того формата данных который указан в вопросе (предполагая что скрипт уже распарсил данные в js-массив и поместил результат в переменную listTech), то код добавления ячеек таблицы с перебором через forEach будет примерно таким:

const tBody = document.querySelector('#your-table tbody');
listTech.forEach(item => {
  const tr = tBody.insertRow();
  tr.insertCell().textContent = item.ID;
  tr.insertCell().textContent = item.NAME;
  tr.insertCell().textContent = Object.values(item.PROPERTY_152)[0];  // получаем значение первого свойства вложенного объекта в свойстве `PROPERTY_152`
  for (let i = 0; i < 3; ++i)  // добавляем три пустых ячейки, как и код в вопросе
    tr.insertCell();
});


Но интересует вопрос, как мне получить доступ к значению вложенного массива PROPERTY_152, если ключи в этом массиве не повторяются?

Значением свойства PROPERTY_152 является объект, а не массив.
Обратиться к первому свойству объекта можно либо по имени этого свойства (когда оно известно), либо получив список всех значений свойств в виде массива и взяв значение его нулевого элемента:

Object.values(listTech[i].PROPERTY_152)[0]

Но когда в объекте может быть несколько свойств, полагаться на порядок их следования не стоит (сохранение этого порядка не гарантируется) - лучше считывать значение свойства по его имени.

10
  • Спасибо огромное за пример и разъяснение! Тяжело в учении , как говорится :) 13 июл 2021 в 11:48
  • @Виктор, пожалуйста. Еще о том почему не стоит полагаться на порядок следования имен свойств в объектах: тут недавно был задан такой вопрос, где автор на практике столкнулся с проблемой из-за автосортировки "ключей" в js-объекте. Когда есть возможность бэкэндом обеспечить более однозначную структуру (например, возвращая массив объектов у которых их ключ перемещен в свойство), лучше так и поступать.
    – yar85
    13 июл 2021 в 12:08
  • спасибо большое за информацию! У меня возник ещё один вопрос, могу ли я добавить к подобному выражению Object.values(listTech[i].PROPERTY_152)[0] проверку на "пустоту"? Некоторые объекты не содержат значений и из-за этого сыплются шибки. 13 июл 2021 в 12:39
  • @Виктор, смотря что подразумевается под пустотой... при отсутствии свойств в объекте (когда значением свойства PROPERTY_152 является {}), вовсе не должно возникать ошибок: потому что вызов Object.values(listTech[i].PROPERTY_152) в этом случае вернет пустой массив [], обращение к нулевому элементу которого просто вернет undefined (это и в таблице отобразится как текст "undefined", но ошибок не будет).
    – yar85
    13 июл 2021 в 14:01
  • @ВикторУспенский, «Я могу обратиться к этому объекту по его индексу?» - если объект в массиве, то да. Но у объектов индексом свойства является его имя, т.е. listTech[i]['PROPERTY_152'] (а выражение listTech[i][0] это обращение к значению свойства с именем "0"). «Могу ли я извлекать имя объекта?» - нет, у экземпляров объектов в JS не может быть имен (имена могут быть только у функций-конструкторов, "классов" объектов). А для получения имен свойств в объекте, можно использовать статический метод Object.keys - точно так же, как в примере использован статический метод Object.values.
    – yar85
    15 июл 2021 в 7:12

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.