-
객체개발 지식/자바스크립트 2022. 7. 22. 16:52
let fruit = prompt("어떤 과일을 구매하시겠습니까?", "apple"); let bag = { [fruit]: 5, // 변수 fruit에서 프로퍼티 이름을 동적으로 받아 옵니다. }; alert(bag.apple);
위 예시에서 [fruit]는 프로퍼티 이름을 변수 fruit에서 가져오겠다는 것을 의미한다. 사용자가 프롬프트 대화상자에 apple을 입력했다면 bag엔 {apple: 5}가 할당되었을 것이다.
function makeUser(name, age) { return { name: name, age: age, // ...등등 }; } let user = makeUser("John", 30); console.log(user.name); // "John" console.log(user.age); // 30
할당 받은 user의 속성값들을 출력한다.
let obj = { 0: "test" // "0": "test"와 동일합니다. }; // 숫자 0은 문자열 "0"으로 변환되기 때문에 두 얼럿 창은 같은 프로퍼티에 접근합니다, alert( obj["0"] ); // test alert( obj[0] ); // test (동일한 프로퍼티)
두 경우 모두 같은 "test" 라는 값을 출력한다.
let user = { name: "John", age: 30 }; alert( "age" in user ); // user.age가 존재하므로 true가 출력됩니다. alert( "blabla" in user ); // user.blabla는 존재하지 않기 때문에 false가 출력됩니다.
각 "string"에 해당하는 프로퍼티가 있다면 true를 출력하고, 그렇지 않으면 false를 출력한다.
'개발 지식 > 자바스크립트' 카테고리의 다른 글
new 연산자와 생성자 함수 (0) 2022.07.25 this (0) 2022.07.24 참조에 의한 객체 복사 (0) 2022.07.23 화살표 함수 기본 (0) 2022.07.22 형 변환 (0) 2022.07.22 댓글