JavaScript

Map, set, get

Hyunsoo_Kim 2023. 8. 24. 01:58
window.onload = function() {
    const u1 = { name: 'Cynthia' };
    const u2 = { name: 'Jackson' };
    const u3 = { name: 'Olive' };
    const u4 = { name: 'James' };

    const userRoles = new Map();
    userRoles.set(u1, 'User');
    userRoles.set(u2, 'User');
    userRoles.set(u3, 'Admin');

    userRoles.get(u1); //User
    userRoles.has(u1); //true

    userRoles.size; // (요소의 갯수를 반환)

    userRoles.keys();
    // 이터레이터는 순회할수 있음(for..of)
    // Array.from(userRoles.keys()) //[{…}, {…}, {…}] 와 같이 유사배열과 이터러블객체를 배열로 변경가능

    for (let i of userRoles.keys()) {
        console.log(i.name);
    }

    userRoles.values();
    // {'User', 'User', 'Admin'} (Map객체의 value값들을 이터러블로 반환.

    for (let i of userRoles.values()) {
        console.log(i);
    }
    //User
    //User
    //Admin
};