๐Ÿ“– Coding Study/React, JS

map(), ๋งต ํ•จ์ˆ˜

๊ณต๋ถ€๋ชปํ•จ 2023. 10. 9. 23:18
  • ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— ๋Œ€ํ•ด ํŠน์ • ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•จ
  • ํŠน์ง• = ๋ฐฐ์—ด ์ˆœํšŒ, ๋งคํ•‘ํ•จ์ˆ˜ ์ ์šฉ, ์›๋ž˜ ๋ฐฐ์—ด์€ ๋ณ€๋™ x
  • ๋งคํ•‘ํ•จ์ˆ˜ ์ ์šฉ : ์‚ฌ์šฉ์ž๊ฐ€ ์ •์˜ํ•œ ํ•จ์ˆ˜๋ฅผ ๊ฐ ์š”์†Œ์— ์ ์šฉ. ์ด ํ•จ์ˆ˜๋Š” ๊ฐ ์š”์†Œ๋ฅผ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ๋ฐ›์•„์„œ ์ž‘์—… ์ˆ˜ํ–‰ ๋ฐ ๋ฐ˜ํ™˜

 

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((number) => {
	return number * 2;
    });
    
// doubledNumbers์—๋Š” [2, 4, 6, 8, 10]

 

LIST

'๐Ÿ“– Coding Study > React, JS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

filter(), ํ•„ํ„ฐ ํ•จ์ˆ˜  (0) 2023.10.09
some(), some ํ•จ์ˆ˜  (0) 2023.10.09
Props (Properties)  (0) 2023.10.09
useState  (0) 2023.10.09
์ฝœ๋ฐฑ ํ•จ์ˆ˜ (Callback function)  (0) 2023.10.09