Массив JS внутри массива — добавление нового «мини-массива»

Добавить элемент в массив, встроенный в массив – Javascript У меня есть следующий массив:

[{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

, и внутри этого массива каждый массив внутри выглядит так:

0 : {_id: "bla", header: "test", time: "test PM", content: "test", uniqueid: "test"}
    1: {_id: "blay", header: "tests", time: "tests PM", content: "even more tests", uniqueid: "tests"}
    2: {_id: "awa", header: "sd", time: 3:14:15 PM", content: "sdf", uniqueid: "sdfg"}

Мой вопрос: как мне вставить еще один «мини-массив» внутри этого большого массива в позиции 0 с заголовком: finaltest, временем: finalTest PM, содержимым: thefinaltest и уникальным идентификатором: testt?

Я думал, может быть, использовать .unshift, но я не уверен.

В чем ты не уверен? переключить

Orelsanpls 18.12.2020 16:24

Отвечает ли это на ваш вопрос? Добавить элемент в массив, встроенный в массив JS

Md Sabbir Alam 18.12.2020 16:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
72
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Если вы хотите создать новый массив, а не изменять существующий, вы можете использовать оператор распространения:

const originalArray = [{}, {}, {}, {}]
const newObj = { some: 'values' }

const newArray = [newObj, ...originalArray]

Результат:

// newArray
[{ some: 'values' }, {}, {}, {}, {}]

Использование Array.unshift() кажется способом добавить его в позицию 0.

Если вы хотите добавить его в конец массива, используйте Array.push()

Чтобы добавить его в определенную позицию, подойдет Array.splice().

Вы можете добавить любой тип данных в массив, поэтому вставка одного массива в другой не является проблемой.

Ответ принят как подходящий

Привет, ты имеешь в виду что-то вроде этого?

let table = [
  {_id: "bla", header: "test", time: "test PM", content: "test", uniqueid: "test"},
  {_id: "blay", header: "tests", time: "tests PM", content: "even more tests", uniqueid: "tests"},
  {_id: "awa", header: "sd", time: "3:14:15 PM", content: "sdf", uniqueid: "sdfg"}
   ]


let newRow = {_id: "bl@@@@", header: "finaltest", time: "finalTest PM", content: "test", uniqueid: "testt"};

table.unshift(newRow);


console.info(table);

Метод Javascript splice() может помочь. Это так просто:

const data = [
    { _id: "bla", header: "test", time: "test PM", content: "test", uniqueid: "test" },
    { _id: "blay", header: "tests", time: "tests PM", content: "even more tests", uniqueid: "tests" },
    { _id: "awa", header: "sd", time: "3:15 PM", content: "sdf", uniqueid: "sdfg" }
];

const inserted_obj = { _id: "inserted", header: "finaltest", time: "finalTest PM", content: "thefinaltest", uniqueid: "testt" };

let start = 0;
let deleteCount = 0;
data.splice(start, deleteCount, inserted_obj);
console.info(data);

Другие вопросы по теме