반응형
// * map 은 {} 중괄호로 묶음
let map = {
name: "홍길동",
age: 30,
height: 170.1,
person: function(){
return "이름은 " + this.name + "입니다."; // * this 를 붙여야 maap의 name을 불러옴
}
};
document.write(map.name); // (방법1) map의 key가 name인 값 호출
document.write("<br>");
document.write(map["name"]); // (방법2) map의 key가 name인 값 호출
document.write("<br>");
document.write(map.person()); // * 함수를 호출하려면 () 넣기
// * map을 배열로 묶음
let list = [
{name: "홍길동", age: 30, height: 170.1},
{name: "유재석", age: 20, height: 180.5},
{name: "강호동", age: 50, height: 190.7},
{name: "박명수", age: 35, height: 165.8},
{name: "이수근", age: 40, height: 160.2}
]
// for문으로 list에 순차적으로 접근
for (let i=0; i<list.length; i++) {
document.write("이름: " + list[i].name + ", ");
document.write("나이: " + list[i].age + "<br>");
}
반응형
'Java Script' 카테고리의 다른 글
[JS] 이벤트 속성 (0) | 2023.04.26 |
---|---|
[JS] DELETE (0) | 2023.04.13 |
[JS] INSERT (0) | 2023.04.13 |
[JS] media 쿼리 / 화면 사이즈에 따라 카드 구성 다르게 하기 (0) | 2023.04.13 |
[JS] DOM - getElementsByTagName (0) | 2023.04.12 |