상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
궁금한 상식 보기
2월에 가볼 만한 유적지는 어디인가요?
대만에서의 언어 장벽은 어떤가요?
대만에서의 여행 시 추천하는 여행 경로는 어떻게 되나요?
타이베이에서의 안전은 어떤가요?
타이베이에서의 유명한 음악 축제는 언제 열리나요?
이탈리아와 프랑스 여행 비교에서 지역 특산물은 어떤가요?
모공이 늘어날 때 나타나는 피부 문제는 무엇인가요?
사랑니 발치하고 마취가 풀리면 어떤 증상이 있나요?
오사카 여행 중 추천하는 디저트 카페는?
태국 여행 준비물
여자 재혼 과정에서 겪는 심리적 변화는 어떤 것이 있나요?
여자 결혼에 이르는 과정에서의 도전은 무엇인가요?
Previous
Next
수정하기 - 자바스크립트에서 Object.values()의 사용법은 무엇인가요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
`Object.values()`는 JavaScript에서 객체의 모든 값을 배열로 반환하는 메서드입니다. 이 메서드는 <a href='https://sangseek.com/sangseeks/ES2017/ko'>ES2017</a>(ES8)에서 도입되었으며, 객체의 속성 값들을 쉽게 추출하고 배열로 변환할 수 있는 유용한 기능을 제공합니다. 사용법`Object.values()`의 기본 문법은 다음과 같습니다:```javascriptObject.values(obj);```여기서 `obj`는 값을 추출하고자 하는 객체입니다. 이 메서드는 객체의 열거 가능한 속성 값들을 배열로 반환합니다. 예제1. 기본 사용법 ```javascriptconst person = { name: 'Alice', age: 30, city: 'New York'};const values = Object.values(person);console.log(values); // ['Alice', 30, 'New York']```위의 예제에서 `Object.values(person)`은 `person` 객체의 모든 값을 배열로 반환합니다.2. 빈 객체 빈 객체를 전달하면 빈 배열이 반환됩니다.```javascriptconst emptyObject = {};const values = Object.values(emptyObject);console.log(values); // []```3. 중첩 객체 중첩된 객체의 경우, `Object.values()`는 최상위 레벨의 값만 반환합니다.```javascriptconst nestedObject = { name: 'Bob', details: { age: 25, city: 'Los Angeles' }};const values = Object.values(nestedObject);console.log(values); // ['Bob', { age: 25, city: 'Los Angeles' }]```4. 열거 가능한 속성만 반환 `Object.values()`는 열거 가능한 속성만 반환합니다. 예를 들어, `Object.defineProperty()`를 사용하여 비열거 속성을 정의하면 이 속성은 반환되지 않습니다.```javascriptconst obj = {};Object.defineProperty(obj, 'nonEnumerable', { value: 'I am not enumerable', enumerable: false});obj.enumerable = 'I am enumerable';const values = Object.values(obj);console.log(values); // ['I am enumerable']```5. 배열과 유사한 객체 `Object.values()`는 배열과 유사한 객체에서도 사용할 수 있습니다. 예를 들어, `arguments` 객체나 `NodeList`와 같은 객체에서 값을 추출할 수 있습니다.```javascriptfunction example() { console.log(Object.values(arguments));}example(1, 2, 3); // [1, 2, 3]``` 주의사항- `Object.values()`는 객체의 속성 순서를 보장하지 않습니다. 하지만, 일반적으로 숫자 키는 먼저, 문자열 키는 그 다음에, 심볼 키는 마지막에 반환됩니다.- `Object.values()`는 객체의 <a href='https://sangseek.com/sangseeks/프로토타입 체인/ko'>프로토타입 체인</a>에 있는 속성은 포함하지 않습니다. 즉, 객체의 직접적인 속성만 반환됩니다. 결론`Object.values()`는 객체의 값을 배열로 쉽게 변환할 수 있는 매우 유용한 메서드입니다. 객체의 속성 값들을 배열로 다루어야 할 때, 이 메서드를 사용하면 코드의 가독성과 효율성을 높일 수 있습니다. 다양한 객체와 상황에서 활용할 수 있으며, 특히 데이터 처리 및 변환 작업에서 유용하게 사용될 수 있습니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기