Java Script

[JS] #MAP #LIST #0414수업 #1교시

웨일파도 2023. 4. 14. 10:06
반응형
    // * 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