객체2 객체 let user = { // 객체 name: "John", // 키: "name", 값: "John" age: 30 // 키: "age", 값: 30 }; 키가 변수처럼 사용되었지만, 실제로는 String 타입으로 저장된다. const player = { name : "dain", points : 10, student : false } console.log(player.name); console.log(player["name"]); player.name = "kimdain" // const로 선언되었지만, player의 자체를 변경하지 않고서는 안의 속성은 변경가능하다. 객체 비구조화 할당 : 객체에서 값들을 추출해서 새로운 상수로 선언해 주는 것 const captainAmerica = { name: .. 2022. 7. 8. 옵셔널 체이닝 ‘?.’ 옵셔널 체이닝 ?. 을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다. 옵셔널 체이닝이 필요한 이유 다음과 같이 주소 정보가 없는 user가 있을 때 let user = {}; // 주소 정보가 없는 사용자 alert(user.address.street); // TypeError: Cannot read property 'street' of undefined 존재하지 않는 요소에 접근해 요소의 정보를 가져오려할 때 // querySelector(...) 호출 결과가 null인 경우 에러 발생 let html = document.querySelector('.my-element').innerHTML; ?. ?. ‘앞’의 평가 대상이 undefined 나 null 이면 평가를 멈추고 .. 2022. 7. 8. 이전 1 다음 반응형