JS ๋งต, ์…‹

2023. 5. 14. 14:26ยท๐Ÿ–ฅ๏ธ Language/Vanila Javascript

๋งต(Map)

 - ๋งต์€ ๋”•์…”๋„ˆ๋ฆฌ ์ž๋ฃŒํ˜•๊ณผ ๊ฐ™์œผ๋ฉฐ, ํ‚ค(Key)์™€ ๊ฐ’(Value)๋กœ ์ด๋ฃจ์–ด์ง„ ์ž๋ฃŒํ˜•์ด๋‹ค.


๋งต ํ”„๋กœํผํ‹ฐ

 - new Map() - ๋งต์„ ์ƒ์„ฑํ•œ๋‹ค.

 - map.set(key, value) - key๋ฅผ ์ด์šฉํ•ด value๋ฅผ ์ €์žฅํ•œ๋‹ค.

 - map.set(key) - key์— ํ•ด๋‹นํ•˜๋Š” ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

 - map.has(key) - ํ•ด๋‹น key์˜ ์กด์žฌ์—ฌ๋ถ€๋ฅผ true, false๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

 - map.delete(key) - key์— ํ•ด๋‹นํ•˜๋Š” ๊ฐ’์„ ์‚ญ์ œํ•œ๋‹ค.

 - map.clear() - ๋งต ์•ˆ์˜ ๋ชจ๋“  ์š”์†Œ๋ฅผ ์ œ๊ฑฐํ•œ๋‹ค.

 - map.size() - ์š”์†Œ์˜ ๊ฐœ์ˆ˜๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

 

 - map.keys() - ๊ฐ ์š”์†Œ์˜ ๋ชจ๋“  key ๋ฐ˜ํ™˜

 - map.values() - ๊ฐ ์š”์†Œ์˜ ๋ชจ๋“  value ๋ฐ˜ํ™˜

 - map.entries() - ๋ชจ๋“  key, value ์Œ ๋ฐ˜ํ™˜


๋งต์€ ํ‚ค์™€ ๋ฐธ๋ฅ˜ ๋ชจ๋‘ ๊ฐ์ฒด๋ฅผ ํ˜€์šฉํ•œ๋‹ค

let me = { name: "yun" };

let mapType = new Map();

mapType.set(me, { age: 25 });

console.log(mapType.get(me));


๊ฐ์ฒด -> ๋งต

let obj = {
  name: ["John", "Kane"],
  from: "Seoul",
};

let map = new Map(Object.entries(obj));

console.log(map);

๋งต  -> ๊ฐ์ฒด

let map = new Map([
  ["name", ["John", "Kane"]],
  ["from", "Seoul"],
]);

let obj = Object.fromEntries(map.entries());

console.log(obj);


์…‹(Set)

 - ์…‹์€ ์ง‘ํ•ฉ ์ž๋ฃŒํ˜•์œผ๋กœ ์ค‘๋ณต์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค.


์…‹ ํ”„๋กœํผํ‹ฐ

 

 - new Set() - ์…‹์„ ๋งŒ๋“ ๋‹ค.

 - set.add(value) - ์…‹์— ๊ฐ’์„ ์ถ”๊ฐ€ํ•œ๋‹ค.

 - set.delete(value) - ์…‹์— ๊ฐ’์„ ์ œ๊ฑฐํ•œ๋‹ค.

 - set.has(value) - ์…‹ ๋‚ด์— ๊ฐ’์ด ์กด์žฌํ•˜๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.

 - set.clear() - ์…‹์„ ์ดˆ๊ธฐํ™”ํ•œ๋‹ค.

 - set.size() - ์…‹์— ๋ช‡ ๊ฐœ์˜ ๊ฐ’์ด ์žˆ๋Š”์ง€ ์„ผ๋‹ค.

'๐Ÿ–ฅ๏ธ Language > Vanila Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[JavaScript] sort() ์›๋ฆฌ ์•Œ์•„๋ณด๊ณ  ์ดํ•ดํ•˜๊ธฐ  (0) 2023.04.12
์ •๊ทœํ‘œํ˜„์‹(regex) ์ •๋ฆฌ  (0) 2023.03.02
ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์—์„œ์˜ ๋ฆฌํ„ด ์ƒ๋žต ๊ฐ„๋‹จํžˆ ์ดํ•ดํ•˜๊ธฐ  (0) 2023.03.01
์•Œ๊ณ ๊ฐ€์ž ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€(localStorage), ์ค‘์š”ํ•œ ํŠน์ง•  (0) 2023.02.25
'๐Ÿ–ฅ๏ธ Language/Vanila Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [JavaScript] sort() ์›๋ฆฌ ์•Œ์•„๋ณด๊ณ  ์ดํ•ดํ•˜๊ธฐ
  • ์ •๊ทœํ‘œํ˜„์‹(regex) ์ •๋ฆฌ
  • ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์—์„œ์˜ ๋ฆฌํ„ด ์ƒ๋žต ๊ฐ„๋‹จํžˆ ์ดํ•ดํ•˜๊ธฐ
  • ์•Œ๊ณ ๊ฐ€์ž ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€(localStorage), ์ค‘์š”ํ•œ ํŠน์ง•
jaeyunim
jaeyunim
  • jaeyunim
    ๋ฐฅ๋ฐฅ๋ฐฅqkq
    jaeyunim
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๐Ÿ“š ja2yun000 NOTE (43)
      • ๐Ÿง‘‍๐Ÿ’ผ ๋„คํŠธ์›Œํฌ ๋…ธํŠธ (0)
      • โ˜๏ธ ํด๋ผ์šฐ๋“œ (0)
      • โœ๏ธ ํšŒ๊ณ ๋ก (1)
      • ๐Ÿ–ฅ๏ธ Language (8)
        • Core Javascript (3)
        • Vanila Javascript (5)
      • ๐Ÿ”ง Library (7)
        • React JS (5)
        • WebSocket (2)
      • ๐Ÿงฑ Framework (12)
        • Node.js (9)
        • Django (3)
      • ๐Ÿ“ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต (8)
      • ๐Ÿคฏ ๋ฐ์ดํ„ฐ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (7)
      • ๐Ÿค” ์žก๋‹คํ•œ ์ง€์‹ (0)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ๐ŸŒˆ github.com
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ์žฅ๊ณ  url
    reactjs
    ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
    allow function
    Express
    socket.io
    JS
    ์•Œ๊ณ ๋ฆฌ์ฆ˜
    Django
    Core JavaScript
    Mongo
    dfs
    ์ด์ง„ ํƒ์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜
    ๋กœ๊ทธ์ธapi
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
    ์žฅ๊ณ 
    ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
    pipenv
    ์ฝ”๋”ฉํ…Œ์ŠคํŠธ
    ์œ ํŠœ๋ธŒ ํด๋ก ์ฝ”๋”ฉ
    useEffect
    JavaScript
    ์˜ค๋ธ”์™„
    nodejs
    ๊นƒํ—ˆ๋ธŒ ๋กœ๊ทธ์ธ
    ํ™”์‚ดํ‘œ ํ•จ์ˆ˜
    C์–ธ์–ด
    ์žฅ๊ณ  ์•ฑ
    ์ธ์ ‘๋ฆฌ์ŠคํŠธ
    React
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.1
jaeyunim
JS ๋งต, ์…‹
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”