Угловая карта.Что это?

Question

Я изучаю Angular 6, и я озадачен такими конструкциями, как:

this.contentArray.map((v: string, i: number) => `Content line ${i + 1}`)

или как:

return this.aService.getItems()
    .pipe(map(response => response.data));

Я пробегаю пары книг, как "The_Complete_Book_on_Angular_6 "или" Pro Angular 6 "(Адам Фриман), но там нет простых объяснений.Google тоже молчал об этом. Может ли кто-нибудь дать правильный и хороший учебник или может быть книга (для любителей) о array.map, array.filter и о .pipe (map (...))?

Answer 1

В вашем первом утверждении Map является функцией массива JavaScript, которая выполняет итерацию по каждому элементу массива для сопоставления массива объекта с другим массивом объекта.

let array = [1,2,3,4,5] ;
let result = array.map(val => val +10); //11,12,13,14,15

Во втором утверждении map идет из библиотеки rxjs.Это сопоставляет объект (ы) с другим, но результирующий объект будет наблюдаемым.

const source = from([1, 2, 3, 4, 5]); //add 10 to each value const example = source.pipe(map(val => val + 10)); //output: 11,12,13,14,15

Answer 2

Первый просто Array.prototype.map , а второй - оператор rxjs map .

В первом случае вывзять существующий массив и применить функцию к каждому из его элементов

Метод map () создает новый массив с результатами вызова предоставленной функции для каждого элемента в вызывающем массиве.

[1, 2, 3, 4].map(x => x + 2) // [3, 4, 5, 6]

, в то время как второй случай по сути одинаков в мире наблюдаемых.

Применяет заданную функцию проекта к каждому значению, излучаемому источником Observable, и испускаетрезультирующие значения как наблюдаемые.