ES6 を使用して JavaScript オブジェクトからプロパティを効率的に選択する方法

ES6 を使用してオブジェクトからプロパティを選択する方法

ES6 では、JavaScript はオブジェクトから特定のプロパティを簡潔に選択するためのメソッドをいくつか提供します。

使用方法Destructuring

1 つのアプローチは、Destructuring を使用することです。これにより、特定のプロパティを 1 行で変数に割り当てることができます。

({ id, title }) => ({ id, title });

Using Parameter Destructuring

さらにスリムな解決策は、パラメーターの構造化を使用し、明示的な v の必要性を排除することです。パラメータ:

({id, title}) => ({id, title});

Object.assign() の使用

柔軟性を高めるために、Object.assign() を使用して、選択したプロパティを持つ新しいオブジェクトを作成できます。 :

function pick(o, ...props) {
    return Object.assign({}, ...props.map(prop => ({[prop]: o[prop]})));
}

プロパティの保持属性

元のプロパティ属性 (構成可能、ゲッター、セッター) を保持する必要がある場合は、次を使用できます。

function pick(o, ...props) {
    var has = p => o.propertyIsEnumerable(p),
        get = p => Object.getOwnPropertyDescriptor(o, p);

    return Object.defineProperties({},
        Object.assign({}, ...props
            .filter(prop => has(prop))
            .map(prop => ({prop: get(prop)})))
    );
}

以上がES6 を使用して JavaScript オブジェクトからプロパティを効率的に選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。