๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ธ๋ฑ์Šค (1)

Hey Tech

[JavaScript] ๋ฐฐ์—ด ์›์†Œ์™€ ์ธ๋ฑ์Šค๋ฅผ ๋ฐ˜๋ณต์ ์œผ๋กœ ํ™œ์šฉํ•˜๋Š” ํ•จ์ˆ˜(forEach, map ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ forEach ํ•จ์ˆ˜์™€ map ํ•จ์ˆ˜์˜ ํ™œ์šฉ๋ฒ•์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค. 1. forEach ํ•จ์ˆ˜ ํ•จ์ˆ˜ ์›ํ˜•(๊ธฐ๋ณธ) ๋ฐฐ์—ด.forEach(์ฝœ๋ฐฑํ•จ์ˆ˜(๊ฐ’, ์ธ๋ฑ์Šค, ๋ฐฐ์—ด ์ž์‹ )); forEach ํ•จ์ˆ˜๋Š” ์ „๋‹ฌ์ธ์ž๊ฐ€ ๋ฐฐ์—ด ๋‚ด ์›์†Œ ๊ฐ’, ์ธ๋ฑ์Šค, ๋ฐฐ์—ด ์ž์‹ ์ธ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ๋ฐ›๋Š” ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค. ์ฆ‰, forEach ํ•จ์ˆ˜๋Š” for ๋ฐ˜๋ณต๋ฌธ์ฒ˜๋Ÿผ ์ฒซ ๋ฒˆ์งธ ์›์†Œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ์›์†Œ๊นŒ์ง€ ์ฐจ๋ก€๋Œ€๋กœ ๋ฐฐ์—ด์—์„œ ๊บผ๋‚ด ์ฝœ๋ฐฑํ•จ์ˆ˜์— ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค. map ํ•จ์ˆ˜์™€ ๋‹ค๋ฅด๊ฒŒ ๋ฆฌํ„ด ๊ฐ’์ด ์—†๋‹ค๋Š” ํŠน์ง•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ์ œ ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์˜ˆ์ œ1 let arr1 = [100, 200, 300]; arr1.forEach( (v, idx, arr) => { console.log(`${idx} ์ธ๋ฑ์Šค์˜ ๊ฐ’: ${v}`); console.lo..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 2. 20:04