Comment sélectionner efficacement les propriétés d'un objet JavaScript à l'aide d'ES6 ?

Comment sélectionner les propriétés d'un objet à l'aide d'ES6

Dans ES6, JavaScript fournit plusieurs méthodes pour sélectionner des propriétés spécifiques d'un objet de manière concise manière.

Utiliser la déstructuration

Une approche consiste à utiliser la déstructuration, qui permet d'attribuer des propriétés spécifiques à des variables sur une seule ligne :

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

Utiliser la déstructuration des paramètres

Une solution encore plus simple consiste à utiliser la déstructuration des paramètres, éliminant le besoin d'un paramètre v explicite :

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

Utilisation Object.assign()

Pour plus de flexibilité, vous pouvez utiliser Object.assign() pour créer un nouvel objet avec les propriétés sélectionnées :

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

Préserver la propriété Attributs

Si vous devez conserver les attributs de propriété d'origine (configurables, getters, setters), vous pouvez utiliser :

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)})))
    );
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!