์๋ฐ์คํฌ๋ฆฝํธ์์ ๋ฐ์ดํฐ๋ฅผ ๋ด๊ณ ์ฌ์ฉํ๋๋ฐ ์ด์ฉ๋๋ ๋ฐฐ์ด๊ณผ ์ด๋ฅผ loop์ผ๋ก ์ฒ๋ฆฌํ๊ธฐ ์ํด์ forEach()์ map()์ ์ฃผ๋ก ์ฌ์ฉํ๋ค. forEach()Array ์ธ์คํด์ค forEach() ๋ฉ์๋๋ ์ํ ๋ฉ์๋๋ก ๊ฐ ๋ฐฐ์ด ์์์ ๋ํด ์ ๊ณต๋ ์ฝ๋ฐฑ ํจ์๋ฅผ ํ ๋ฒ์ฉ ์คํํ๋ค.๋ฐํ ๊ฐ์ ์ฌ์ฉ๋์ง ์๋๋ค.ํธ์ถ๋๋ ๋ฐฐ์ด์ ๋ณ๊ฒฝํ์ง ์์ง๋ง, ์ฝ๋ฐฑ ํจ์๋ก ์ ๊ณต๋๋ ํจ์๋ ๋ณ๊ฒฝ ํ ์ ์๋ค.๊ทธ๋ฌ๋ ๋ฐฐ์ด์ length๋ ์ฝ๋ฐฑํจ์๋ฅผ ์ฒ์ ํธ์ถํ๊ธฐ ์ ์ ์ ์ฅ๋๋ค๋ ์ ์ ์ ์ํด์ผํจ.๊ทธ๋ฆฌ๊ณ ๋ฃจํ๋ฅผ ์ค์งํ๊ฑฐ๋ ์ค๋จํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์๋ค. const array1 = ['a', 'b', 'c'];array1.forEach((element) => console.log(element));// Expected output: "a"..
map()
์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฐ์ดํฐ ์์ค๋ฅผ ํฌ๊ฐ 3๊ฐ์ง๋ก ๋๋ ๋ณด์๋ฉด ํ๋ก๊ทธ๋จ ์์ฒด์ ์ ์ ์ด์ ๋ฐ๋ก ๋ฐ์์จ ๊ฒ UI์์ ๋ฃ์ด์จ ์์ค (from DOM) WEB Api๊ฐ์ ์ธ๋ถ์์ fetchํ ์์ค ์ด๋ ๊ฒ ์ด 3๊ฐ์ง์ ์์ค์์ ๊ฐ์ ธ์จ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ ๋ฐฉ์์๋ ์ด 4๊ฐ์ง๊ฐ ์๋ค. ์ฌ๊ธฐ์๋ ๋ช ๊ฐ์ง ๊ธฐ์ค์ด ์๋๋ฐ, ๋จ์ํ ๋ฆฌ์คํธ๊ฐ ํ์ํ๊ฑด์ง, ์๋๋ฉด key, value ๊ฐ์ด ํ์ํ๊ฑด์ง ์๊ฐ์ ํด์ ๊ธฐ์ค์ ๋ง์ถ์ด์ ์ฐ๋ฉด ๋๋ค. ์ ์ฅ๋ฐฉ์์ Array, Set, Object, Map ์ด 4๊ฐ์ง์ด๋ค. ์ฌํํ ๋ฆฌ์คํธ๊ฐ ํ์ํ๋ค๋ฉด array์ set์ ์ด์ฉํด์ ์ ์ฅํ๋ฉด ๋๋ค. Array color = [‘red’, ‘gold’, ‘red’]; //{ ‘red’, ‘gold’, ‘red’} ๐ ๋ฐ๋ณต๋๋ ๊ฐ์ด ๋ฆฌ์คํธ์ ํฌํจ์ด ๋ ์๋ ์..