๐ map
๋ง์ฝ ์๋์ ๊ฐ์ ๋ฐฐ์ด์ด ์๋ค๊ณ ํ์ ๋ mapํจ์๋ฅผ ์ด์ฉํ๋ฉด ๊ฐ๊ณผ ์ธ๋ฑ์ค๋ฅผ ์ธ์๋ก ๋ฐ์ ์๋์ผ๋ก for๋ฌธ์ ๋๋ ค์ ๊ฐ์ ๋บด์ค๋ค.
const arr = [ 10, 20, 30, 40, 50 ];
arr.map((item, index) => {
console.log(index, item);
});
๋ค์๊ณผ ๊ฐ์ด ์์ฑํ๋ฉด
0 10
1 20
2 30
3 40
4 50
์ด ์์๋๋ก ์ถ๋ ฅ๋๋ค.
'React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[React] ๋ฆฌ์กํธ ํ ์ค(3) - useLocation, useNaviation (0) | 2024.02.26 |
---|---|
[React] ๋ฆฌ์กํธ ํ ์ค(1) - useState (0) | 2024.02.23 |
[React] PNGํ์ผ์ SVGํ์ผ๋ก ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ (1) | 2024.02.21 |
[React] ํ๋ฉด์ด ์คํ๋๋ ๋ฐฉ๋ฒ์ ์ดํด (1) | 2024.02.21 |