JavaScript 오브젝트 속성의 하위 집합을 가져오는 방법

반응형

때때로 객체에서 JavaScript 속성의 하위 집합을 가져오기를 원할 수 있습니다.

이 문서에서는 JavaScript 오브젝트 속성의 일부를 사용할 수 있는 위치로 가져오는 방법에 대해 설명합니다.

객체 파괴

자바스크립트 오브젝트 속성의 하위 집합을 가져오는 가장 짧고 쉬운 방법은 오브젝트 파괴 구문을 사용하는 것이다.

 

예를 들어, 우리는 다음과 같이 쓸 수 있다.

const object = {
    a: 1,
    b: 2,
    c: 3
};
const {
    a,
    b
} = object
const picked = {
    a,
    b
}
console.log(picked)

우리는 a, b, 그리고 c의 특성을 가진 물체를 가지고 있습니다.

속성을 얻기 위해, 우리는 그들을 파괴하여 그들의 변수에 할당할 수 있습니다.

우리는 다음과 같이 했다.

 

const {
    a,
    b
} = object

이제 a가 object.a에 할당되었습니다.

그리고 b는 object.b 에 할당된다.

그런 다음 다음을 사용하여 다른 객체에 넣을 수 있습니다.

const picked = {
    a,
    b
}

 

이렇게 뽑혔다:

{a: 1, b: 2}

우리는 함수 파라미터에서도 소멸을 할 수 있습니다.

예를 들어, 우리는 다음과 같이 쓸 수 있다.

const object = {
    a: 1,
    b: 2,
    c: 3
};
const pick = ({
    a,
    b
}) => ({
    a,
    b
})
const picked = pick(object);
console.log(picked)

 

객체 매개 변수에서 구조화된 a 및 b 속성을 가진 객체를 반환하는 선택 함수를 만듭니다.

따라서 객체와 함께 pick을 호출하면 pick이 이전과 동일하다는 것을 알 수 있습니다.

로다시

또한 Lodash의 선택 방법을 사용하여 주어진 속성을 가진 객체를 반환할 수 있습니다.

예를 들어, 우리는 다음과 같이 쓸 수 있다.

 

const object = {
    a: 1,
    b: 2,
    c: 3
};
const picked = _.pick(object, ['a', 'b']);
console.log(picked)

우리는 속성을 추출할 물체와 함께 픽을 호출합니다.

그리고 어레이에는 우리가 원하는 속성 이름 문자열이 있습니다.

그래서 선정된 것은 다른 예와 같습니다.

배열.protype.축소

 

자바스크립트 배열 축소 방법을 사용하여 객체의 속성을 가져와 다른 객체에 넣을 수 있습니다.

예를 들어, 우리는 다음과 같이 쓸 수 있다.

const object = {
    a: 1,
    b: 2,
    c: 3
};
const picked = ['a', 'b'].reduce((resultObj, key) => ({
    ...resultObj,
    [key]: object[key]
}), {});
console.log(picked)

개체에서 가져오려는 속성의 속성 이름 문자열인 [a, b] 배열에서 reduce를 호출합니다.

resultObj에 선택한 속성을 가진 개체가 있습니다.

 

키는 배열에서 얻고자 하는 키를 가지고 있습니다.

resultObj 스프레드가 있는 개체와 해당 값이 끝에 추가된 키를 반환합니다.

두 번째 환원 주장은 빈 개체이므로 그 안에 속성을 분산시킬 수 있습니다.

그래서 뽑은 결과는 전과 같습니다.

결론

 

자바스크립트 위트 파괴 할당, 배열 감소, 로다쉬 선택 메소드의 속성 중 일부를 얻을 수 있다.