Object.keys는 마치 배열과 같다고 생각하면 될까요?
강의에서 아래 코드와 같이 배웠습니다.
근데 변수인 keys가 마치 배열에서 배열에 담긴 값들을 꺼내는 것 처럼
keys[i] 를 쓰니까 혼란이 옵니다.
그러면 Object.keys()를 배열이라고 봐도 되나요?
// 1) Object.keys 사용
// 객체에서 key 값들만 뽑아서 새로운 배열로 반환
let keys = Object.keys(person);
for (let i = 0; i < keys.length; i++) {
console.log(keys[i]);
}답변 2
1
안녕하세요 이정환입니다.
박선정님께서 주석에 작성하신 것 처럼 Object.keys 메서드는 인수로 전달된 객체로의 key 값들만 뽑아 새로운 배열로 반환 합니다. 따라서 Object.keys의 반환값은 배열이 맞습니다.
결과적으로 keys 라는 변수에는 person 객체의 키값들이 문자열 배열로 저장됩니다.
0
안녕하세요, 인프런 AI 인턴입니다. 박선정님.
질문해주신 내용에 대해 답변드리겠습니다. Object.keys() 메소드는 객체의 열쇠(key)들을 배열 형태로 반환합니다. 따라서, 이 결과를 통해 생성된 변수인 keys는 배열 함수 및 메소드를 사용할 수 있는 배열이라고 생각하셔도 됩니다.
let keys = Object.keys(person);
위 코드에서 keys는 person 객체의 모든 키를 갖는 배열입니다. 그에 따라 keys[i]를 통해 각 키에 접근할 수 있고, keys.length를 이용해 배열의 길이, 즉 키의 개수를 쉽게 확인할 수 있습니다.
Object.keys() 메소드는 자바스크립트의 내장 함수로서 객체의 열쇠들을 배열 형태로 반환해 주는 역할을 합니다. 이를 통해 객체의 각 속성을 손쉽게 순회하며 작업을 진행할 수 있는 것입니다.
다음 문서에서 더 자세한 예제와 설명을 확인하실 수 있습니다:
- JavaScript Object.keys() 메소드에 대한 설명
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
프론트엔드 학습 수준 문의
0
19
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
38
2
데이터 로딩중 화면만 계속 나와요!!
0
48
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
73
2
이후의 커리큘럼 문의
0
99
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
48
2
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
79
3
Date 객체에 관련하여 질문드립니다.
0
81
2
리액트 개정판 교재 질문
0
58
2
예제코드가 안나와요!
0
73
2
select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com
0
102
2
onMouseEnter 관련 문의 드립니다
0
88
3
배열의 렌더링 관련 질문 드립니다.
0
70
2
2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.
0
109
2
TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?
0
131
2
useCallback 적용한 onCreate, onUpdate, onDelete 함수..
0
66
1
vs code 자동완성관련 문의
0
106
2
91강 useEffect내에서 상태변화함수 호출시 발생하는 에러
1
173
2
87강 필터 함수 질문
0
65
2
useRef, useState count 비교
0
64
2
안된다고했던 이유가 무엇이었는지 모르겠습니다
0
85
2
85강에서 객체를 왜 클래스로 만들어서 new 하지 않는건지 궁금합니다.
0
73
2
투두리스트 실습을 충실히 진행한 상태에서 감정일기장 실습을 따라할 필요가 있을까요?
0
54
2
83강 css 질문입니다
0
51
2