[JS] 객체 탈곡기 (객체에서 원하는 값만 추출)

이게 뭔 소린가 싶으실 텐데요.
좀 더 자세히 말하면 객체 중에서 내가 원하는 값만 볼 수 있게 해주는 코드입니다.

// window 객체에서 width와 관련된 내용만 추출할 수 있는 대다난 코드
for (let key in window) {
    if (key.toLowerCase().indexOf("width") != -1) {
        console.log(key, window[key]);
    }
}

빈 사이트에서 위 코드를 사용하면 아래처럼 window 객체 중 width와 연관된 값만 가져올 수 있습니다.

• innerWidth 1920
• outerWidth 1920

height를 찍으면 아래처럼 나오게 됩니다.

• innerHeight 945
• outerHeight 1032

Global로 값을 저장하셨다면 해당 값을 Ctrl + F로 검색하듯이 위 코드로 간단하게 찾을 수 있습니다.
이렇게 특정 객체에 어떠한 값이 있는지 없는지 확인하는 것만으로도 개발 시 많은 도움이 되기에 위 코드를 다들 숙지하셨으면 좋겠습니다.

---

가끔 뭐가 엄청 많이 든 객체를 까볼 일이 있습니다.
예를 들면 아래와 같은 코드요.

이런 코드는 보기만 해도 숨이 턱 막히는데 이런 긴 객체에서 내가 원하는 속성만 쉽게 가져갈 수 있는 엄청난 코드입니다!

짧고 쉬운데 누구나 생각할수만은 없는 코드이지요.
위와 같은 엄청난 코드를 알게되어 무척 영광입니다.