как мы помещаем статический массив объектов в другой массив объектов?

Question

Я попробовал следующий код. Студенты состоят из множества предметов. Когда я добавляю новый массив объектов внутри учеников, он должен отображаться в табличном формате.

var newArraypush = [{
            Id: 1010,
            Name : "herfr",
            Course : "Aeronautical Engineering",
            Age : 65,
            Gender: "Male"
            },
            {
            Id: 1011,
            Name : "rfrsfd",
            Course : "ISIS",
            Age : 40,
            Gender: "Male"
            }];
    this.students.push(newArraypush);

Фактический результат: -

0: {Id: 1005, Name: "ggtge", Course: "M.Phil", Age: 34, Gender: "Male"}
1: Array(2)
    0: {Id: 1010, Name: "herfr", Course: "Aeronautical Engineering", 
        Age: 65, Gender: "Male"}
    1: {Id: 1011, Name: "rfrsfd", Course: "IIT", Age: 50, Gender: 
       "Male"

Ожидаемый результат: - console.log (студентов);

0: {Id: 1005, Name: "ggtge", Course: "M.Phil", Age: 34, Gender: "Male"}
1: {Id: 1010, Name: "herfr", Course: "Aeronautical Engineering", 
     Age: 65, Gender: "Male"}
2: {Id: 1011, Name: "rfrsfd", Course: "IIT", Age: 50, Gender: 
    "Male"

Answer 1

Array.push - это просто добавление нового элемента в ваш массив. В вашем примере вы пытаетесь объединить два массива. Исходя из определения Array.push не может сделать это напрямую. Есть много способов объединить массивы в es6.

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

this.students.push([...newArraypush]);

Второй способ - использовать concat

this.students = this.students.concat(newArraypush);

последний такой:

this.students = [...this.students, ...newArraypush];

Этот метод объявлен в ES6, и для понимания этого типа вам нужно знать следующее

Как мы знаем, this.students означает массивлюбой на основе вашего примера

Если мы используем [... this.students], это означает массив объектов студентов.

Затем, третьим способом, мы создаем новый массив, которыйсодержит элементы массива studens и элементы newArraypush и выравнивает его с массивом студентов.

Например:

const a = [1,2,3];
const b = [4,5,6];
const c = [...a, ...b];
console.log(c) -> [1,2,3,4,5,6]
const d = [...a, ...b, 7,8,9,10];
console.log(d) -> [1,2,3,4,5,6,7,8,9,10];