Я рассмотрел вопросы по 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
машинописному и угловому?
this._slug
и this._next
настроены на класс.
Спасибо.
arrays
typescript
angular
Ривадиз
источник
источник
Оператор распространения довольно классный.
this.results = [ ...this.results, ...data.results];
Об операторе спреда можно прочитать здесь.
источник
С оператором распространения angular 6 и concat не работают. Вы можете решить это легко:
источник
Вы также можете использовать форму, рекомендованную ES6:
data => { this.results = [ ...this.results, data.results, ]; this._next = data.next; },
Это работает, если вы инициализируете свой массив first (
public results = [];
); в противном случае заменить...this.results,
на...this.results ? this.results : [],
.Надеюсь это поможет
источник
попробуй это
data => { this.results = [...this.results, ...data.results]; this._next = data.next; }
источник
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 }, ];
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} ]
источник