RxJS pluck

2020-10-14 10:27 更新

將每個源值(一個對象)映射到其指定的嵌套屬性。

pluck<T, R>(...properties: string[]): OperatorFunction<T, R>

參量

屬性 從每個源值(一個對象)中選取的嵌套屬性。

returns

OperatorFunction<T, R>:來自源值的新的 Observable 屬性值。

描述

類似于map,但僅用于選擇每個發(fā)射對象的嵌套屬性之一。

采大理石圖

給定描述對象屬性路徑的字符串列表,可從源 Observable 中的所有值中檢索指定的嵌套屬性的值。如果無法解析屬性,它將返回undefined該值。

將每次點擊映射到點擊的目標元素的 tagName

import { fromEvent } from 'rxjs';
import { pluck } from 'rxjs/operators';


const clicks = fromEvent(document, 'click');
const tagNames = clicks.pipe(pluck('target', 'tagName'));
tagNames.subscribe(x => console.log(x));

超載

pluck(k1: K1): OperatorFunction<T, T[K1]>

參量 類型
11 類型:K1

returnsOperatorFunction<T, T[K1]>

pluck(k1: K1, k2: K2): OperatorFunction<T, T[K1][K2]>

參量 類型
11 類型:K1
22 類型:K2

returnsOperatorFunction<T, T[K1][K2]>

pluck(k1: K1, k2: K2, k3: K3): OperatorFunction<T, T[K1][K2][K3]>

參量 類型
11 類型:K1
22 類型:K2
33 類型:K3

returnsOperatorFunction<T, T[K1][K2][K3]>

pluck(k1: K1, k2: K2, k3: K3, k4: K4): OperatorFunction<T, T[K1][K2][K3][K4]>

參量 類型
11 類型:K1
22 類型:K2
33 類型:K3
44 類型:K4

returnsOperatorFunction<T, T[K1][K2][K3][K4]> pluck(k1: K1, k2: K2, k3: K3, k4: K4, k5: K5): OperatorFunction<T, T[K1][K2][K3][K4][K5]>

參量 類型
11 類型:K1
22 類型:K2
33 類型:K3
44 類型:K4
55 類型:K5

returnsOperatorFunction<T, T[K1][K2][K3][K4][K5]> pluck(k1: K1, k2: K2, k3: K3, k4: K4, k5: K5, k6: K6): OperatorFunction<T, T[K1][K2][K3][K4][K5][K6]>

參量 類型
11 類型:K1
22 類型:K2
33 類型:K3
44 類型:K4
55 類型:K5
66 類型:K6

returnsOperatorFunction<T, T[K1][K2][K3][K4][K5][K6]>

pluck(...properties: string[]): OperatorFunction<T, R>

參量 類型
屬性 類型:string[]

returnsOperatorFunction<T, R>

也可以看看

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號