об’єднати два масиви об’єктів з Angular 2 та TypeScript?

Я переглядав питання JavaScript щодо цієї теми, це питання стосується Angular2 з TypeScript.

Я намагаюся об’єднати об’єкти json у масив.

Мій код виглядає приблизно так,

public results: [];


public getResults(){
    this._service.get_search_results(this._slug, this._next).subscribe(
            data => {
                this.results.concat(data.results);
                this._next = data.next;
            },
            err => {
                console.log(err);
            }
        );
}

Як я можу об’єднатись data.resultsу this.resultsмашинопис та angular?

this._slugі this._nextвстановлюються на клас.

Дякую.

Я думаю, що вам слід скористатися наступним:

data => {
  this.results = this.results.concat(data.results);
  this._next = data.next;
},

З concat документа :

Метод concat () повертає новий масив, що складається з масиву, на якому він викликаний, приєднаний до масиву (масивів) та / або значення (значень), наданих як аргументи.

Оператор розповсюдження є якось крутим.

this.results = [ ...this.results, ...data.results];

Оператор поширення дозволяє легко помістити розширену версію масиву в інший масив.

Про оператор поширення ви можете прочитати тут.

З кутовим 6 оператором розкидання та concat не працюють. Ви можете вирішити це просто:

result.push(...data);

Ви також можете скористатися формою, рекомендованою ES6:

data => {
  this.results = [
    ...this.results,
    data.results,
  ];
  this._next = data.next;
},

Це працює, якщо спочатку ініціалізувати свій масив ( public results = [];); в іншому випадку замінити ...this.results,на ...this.results ? this.results : [],.

Сподіваюся, це допомагає

спробуйте це

 data => {
                this.results = [...this.results, ...data.results];
                this._next = data.next;
            }

Припустимо, у мене є два масиви. Перший містить деталі студента, а студент позначає деталі. Обидва масиви мають спільний ключ, тобто 'studentId'

let studentDetails = [
  { studentId: 1, studentName: 'Sathish', gender: 'Male', age: 15 },
  { studentId: 2, studentName: 'kumar', gender: 'Male', age: 16 },
  { studentId: 3, studentName: 'Roja', gender: 'Female', age: 15 },
  {studentId: 4, studentName: 'Nayanthara', gender: 'Female', age: 16},
];

let studentMark = [
  { studentId: 1, mark1: 80, mark2: 90, mark3: 100 },
  { studentId: 2, mark1: 80, mark2: 90, mark3: 100 },
  { studentId: 3, mark1: 80, mark2: 90, mark3: 100 },
  { studentId: 4, mark1: 80, mark2: 90, mark3: 100 },
];

Я хочу об'єднати два масиви на основі ключа 'studentId'. Я створив функцію об’єднання двох масивів.

const mergeById = (array1, array2) =>
    array1.map(itm => ({
      ...array2.find((item) => (item.studentId === itm.studentId) && item),
      ...itm
    }));

ось код для отримання кінцевого результату

let result = mergeById(studentDetails, studentMark);

[
{"studentId":1,"mark1":80,"mark2":90,"mark3":100,"studentName":"Sathish","gender":"Male","age":15},{"studentId":2,"mark1":80,"mark2":90,"mark3":100,"studentName":"kumar","gender":"Male","age":16},{"studentId":3,"mark1":80,"mark2":90,"mark3":100,"studentName":"Roja","gender":"Female","age":15},{"studentId":4,"mark1":80,"mark2":90,"mark3":100,"studentName":"Nayanthara","gender":"Female","age":16}
]