Home Manual Reference Source Test Repository

es6/operator/pluck.js

import { map } from './map';
/**
 * 将每个源值(对象)映射成它指定的嵌套属性。
 *
 * <span class="informal">类似于 {@link map},但仅用于选择每个发出对象的某个嵌套属性。</span>
 *
 * <img src="./img/pluck.png" width="100%">
 *
 * 给定描述对象属性路径的字符串的列表,然后从源 Observable 中的所有值中检索指定嵌套
 * 属性的值。如果属性无法解析,它会返回 `undefined` 。
 *
 * @example <caption>将每次点击映射成点击的 target 元素的 tagName 属性</caption>
 * var clicks = Rx.Observable.fromEvent(document, 'click');
 * var tagNames = clicks.pluck('target', 'tagName');
 * tagNames.subscribe(x => console.log(x));
 *
 * @see {@link map}
 *
 * @param {...string} properties 从每个源值(对象啊)中提取的嵌套属性。
 * @return {Observable} 全新的 Observable,它发出源自源值的属性值。
 * @method pluck
 * @owner Observable
 */
export function pluck(...properties) {
    const length = properties.length;
    if (length === 0) {
        throw new Error('list of properties cannot be empty.');
    }
    return map.call(this, plucker(properties, length));
}
function plucker(props, length) {
    const mapper = (x) => {
        let currentProp = x;
        for (let i = 0; i < length; i++) {
            const p = currentProp[props[i]];
            if (typeof p !== 'undefined') {
                currentProp = p;
            }
            else {
                return undefined;
            }
        }
        return currentProp;
    };
    return mapper;
}
//# sourceMappingURL=pluck.js.map