[JavaScript, Vue] Object안에 key값이 있는지 확인하는 방법

상황

Object를 만들었는데, 내가 원하는 key값이 있는지 체크하려고 했음

---

해결방법

1. in을 사용하는 방법

 

2. Object.hasOwnProperty 사용하는 방법

---

코드

1. in을 사용하는 방법

const object_2 = {
	test_1:'test 1',
    test_2:undefined
}

console.log( 'test_1' in object_2 ) // true
console.log( 'test_2' in object_2 ) // true
console.log( 'test_3' in object_2 ) // false

 

2. Object.hasOwnProperty 사용하는 방법

const object_1 = {
	test_1:'test 1'
}

console.log( object_1.hasOwnProperty('test_1') ) // true
console.log( object_1.hasOwnProperty('test_2') ) // false

const object_2 = {
	test_1:'test 1',
    test_2:undefined
}

console.log( object_2.hasOwnProperty('test_1') ) // true
console.log( object_2.hasOwnProperty('test_2') ) // true

---

참고

https://velog.io/@minong/Javascript-%EA%B0%9D%EC%B2%B4%EC%97%90-%ED%95%B4%EB%8B%B9-key%EA%B0%92%EC%9D%B4-%EC%A1%B4%EC%9E%AC%ED%95%98%EB%8A%94%EC%A7%80-%ED%99%95%EC%9D%B8%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

[Javascript] 객체에 해당 key값이 존재하는지 확인하는 방법