JS에서 객체 (object) 가 특정 key 를 갖고 있는지 확인해야 할 경우가 있으면 다음과 같은 방법들을 사용할 수 있다.
/* in 연산자
=>
자바스크립의 내장 연산자로,
특정 객체가 특정 속성(키)을 가지고 있는지를 확인 */
let obj = { key1: 'value1', key2: 'value2', key3 : 'value3'};
if ('key2' in obj) {
console.log('key2 키값이 존재함');
}else{
console.log('key2 키값이 존재하지 않음');
}
/* hasOwnProperty() 메서드
=>
모든 자바스크립트 객체에서 상속되는 메서드로,
해당 객체가 특정 속성(키)을 직접 소유하고 있는지 확인 */
let obj = { key1: 'value1', key2: 'value2', key3 : 'value3'};
if (obj.hasOwnProperty('key2')) {
console.log('key2 키값이 존재함');
} else {
console.log('key2 키값이 존재하지 않음');
}
/* Object.keys() & .includes() 메서드
=>
.keys() 를 통해 객체가 갖는 속성(key)을 배열로 반환 받은 뒤
배열에서 특정 키가 포함되어 있는지 .includes() 메서드로 확인 */
let obj = { key1: 'value1', key2: 'value2', key3 : 'value3'};
let keys = Object.keys(obj);
if (keys.includes('key2')) {
console.log('key2 키값이 존재함');
} else {
console.log('key2 키값이 존재하지 않음');
}
'JavaScript' 카테고리의 다른 글
JS .map() / JavaScript .map() / 자바스크립트 배열 메서드 / 자바스크립트 .map() 메서드 (0) | 2023.07.23 |
---|---|
JS / JavaScript function / 자바스크립트 함수 매개변수 기본값 설정 (0) | 2023.07.16 |
JavaScript 자바스크립트 객체명.key로 value에 접근시 key에 '.' (점)이 포함되어 있는 경우 (0) | 2023.06.17 |
JavaScript select 자바스크립트 셀렉트박스 제어 (옵션 값 변경 감지, 선택된 옵션 value & text 값 얻기, change 이벤트 강제 발생) (0) | 2023.06.10 |
JS 자바스크립트 값 비교 시 주의사항 (비교연산자 == 와 === 차이 등) (0) | 2023.05.29 |
최근댓글