ES6를 사용하여 JavaScript 개체에서 속성을 효율적으로 선택하는 방법은 무엇입니까?

ES6을 사용하여 객체에서 속성을 선택하는 방법

ES6에서 JavaScript는 간결하게 객체에서 특정 속성을 선택하는 여러 가지 방법을 제공합니다. 매너.

사용 구조 분해

한 줄의 변수에 특정 속성을 할당할 수 있는 구조 분해를 사용하는 한 가지 접근 방식이 있습니다.

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

매개 변수 분해 사용

더욱 슬림한 솔루션은 매개변수 구조 분해를 사용하여 명시적인 v의 필요성을 없애는 것입니다. 매개변수:

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

Object.sign() 사용

더 많은 유연성을 위해 Object.sign()을 사용하여 선택한 속성으로 새 객체를 생성할 수 있습니다. :

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

재산 보존 속성

원래 속성 속성(구성 가능, getter, setter)을 유지해야 하는 경우 다음을 사용할 수 있습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!