Создать в цикле массив с вложенными элементами

@xcuube · Регистрация: 19.07.2016

Студворк — интернет-сервис помощи студентам

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

есть массив

JavaScript
1
var orderMass = [];

в массиве есть элемент

JavaScript
1
item

и мне нужно записать элементы itemProperty в item, чтобы получилась вот такая структура:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
        {
            item: {
                    itemName: 'имя',
                    itemPrice: 'цена',
                    itemCount: 'кол-во',
                    itemProperty:[
                        {property: 'цвет', propertyArray: 'красный'},
                        {property: 'размер', propertyArray: 'М'}
                         /*и тут еще много таких строк*/
                    ]
            }
        }

сейчас мой код выглядит так, но он не записывает элементы как вложенные, а просто вписывает массивы друг за другом.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(".itemBlock").each(function() {
 
            orderMass.push({
                item: {
                    itemName: $(this).find("select[id^='nomenclatureArray']").val(),
                    itemPrice: $(this).find("input[id^='nomenclaturePrice']").val(),
                    itemCount: $(this).find("input[id^='nomenclatureCount']").val()
            }});
            
            $(this).find("div[id^='divForAddSelects']").each(function () {
 
                orderMass.push({
                    itemProperty:
                        {
                            property: $(this).find("select[id^='nomenclatureProperty']").val(),
                            propertyArray: $(this).find("select[id^='nomenclaturePropertyArray']").val()
                }});                
            });           
        });

помогите, пожалуйста, разобраться.
надеюсь, объяснил понятно.

@ninja2 · 07.02.2019, 02:01

Обращаться к свойство obj.item.itemProperty.push({object})

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const obj = {
  item: {
    itemName: 'имя',
    itemPrice: 'цена',
    itemCount: 'кол-во',
    itemProperty:[
      {property: 'цвет', propertyArray: 'красный'},
      {property: 'размер', propertyArray: 'М'}
         /*и тут еще много таких строк*/
    ]
  }
}
 
// output an old object
console.log('obj = ', obj);
 
// add a few new elements
obj.item.itemProperty.push({ prop1: "something1"})
obj.item.itemProperty.push({ prop2: "something2"})
obj.item.itemProperty.push({ prop3: "something3"})
 
// output a new object
console.log('obj = ', obj);

@j2FunOnly · 07.02.2019, 08:43

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(".itemBlock").each(function() {
  var newItem = {
    item: {
      itemName: $(this).find("select[id^='nomenclatureArray']").val(),
      itemPrice: $(this).find("input[id^='nomenclaturePrice']").val(),
      itemCount: $(this).find("input[id^='nomenclatureCount']").val(),
      itemProperty: []
    }
  }
 
  $(this).find("div[id^='divForAddSelects']").each(function() {
    newItem.item.itemProperty.push({
      property: $(this).find("select[id^='nomenclatureProperty']").val(),
      propertyArray: $(this).find("select[id^='nomenclaturePropertyArray']").val()
    });
  });
 
  orderMass.push(newItem);
});

@xcuube · 07.02.2019, 13:09 **[ТС]**

спасибо!

@amr-now · 07.02.2019, 17:52

xcuube, j2FunOnly, имхо, через LINQ-образные методы попроще скрипт воспринимается:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
        var orderMass = $(".itemBlock").map(function (i, e) {
            return {
                item: {
                    itemName: $("select[id^='nomenclatureArray']", e).val(),
                    itemPrice: $("input[id^='nomenclaturePrice']", e).val(),
                    itemCount: $("input[id^='nomenclatureCount']", e).val(),
                    itemProperty: $("div[id^='divForAddSelects']", e).map(function (i2, e2) {
                        return {
                            property: $("select[id^='nomenclatureProperty']", e2).val(),
                            propertyArray: $("select[id^='nomenclaturePropertyArray']", e2).val()
                        };
                    })
                }
            }
        });

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@xcuube 1 / 1 / 0 Регистрация: 19.07.2016 Сообщений: 28
	07.02.2019, 13:09 [ТС]
	спасибо! 0

Создать в цикле массив с вложенными элементами

Решение