๋ฐ˜์‘ํ˜•

# ์š”์•ฝ

  • ๋‹จ์ˆœํžˆ ๋ฌด์–ธ๊ฐ€๋ฅผ ๋ฐ˜๋ณตํ•˜๋ฉด์„œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋•Œ โžก forEach (์›๋ณธ ๋ฐฐ์—ด ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์Œ / ์ƒˆ๋กœ์šด ๋ฐฐ์—ด ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š์Œ)
  • ์›๋ณธ ๋ฐฐ์—ด์„ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š๊ณ  ๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋”ฐ๋กœ ์‚ฌ์šฉํ•  ํ•„์š”๊ฐ€ ์žˆ์„ ๋•Œ โžก map (์›๋ณธ ๋ฐฐ์—ด ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์Œ / ์ƒˆ๋กœ์šด ๋ฐฐ์—ด ๋ฐ˜ํ™˜)

โœ… forEach

  • ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— ๋Œ€ํ•ด ํŠน์ • ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.
const numbers = [1, 2, 3];
numbers.forEach(num => {
  console.log(num * 2); // 2, 4, 6 ์ถœ๋ ฅ
});
console.log(numbers); // [1, 2, 3] ์›๋ณธ ๋ฐฐ์—ด์€ ๊ทธ๋Œ€๋กœ!
  • forEach๋Š” ๋ฐฐ์—ด์˜ ์š”์†Œ๋“ค์„ ์ˆœํšŒํ•˜๋ฉด์„œ ๊ฐ ์š”์†Œ๋ฅผ 2๋ฐฐ๋กœ ๊ณ„์‚ฐํ•ด์„œ ์ถœ๋ ฅํ•˜์ง€๋งŒ, ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š๋Š”๋‹ค.
    (์›๋ณธ ๋ฐฐ์—ด์€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์Œ)
  • ์›๋ณธ ๋ฐฐ์—ด์„ ์œ ์ง€ํ•˜๋ฉด์„œ, ๋‹จ์ˆœํžˆ ๋ฐ˜๋ณต ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋•Œ ์‚ฌ์šฉ(๋ฐ์ดํ„ฐ๋ฅผ ํ™”๋ฉด์— ์ถœ๋ ฅํ•˜๊ฑฐ๋‚˜, ๋กœ๊ทธ ์ฐ์„ ๊ฒฝ์šฐ ์‚ฌ์šฉ๋จ)

โœ… map

  • ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— ๋Œ€ํ•ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๊ณ , ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.
const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6] ๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ƒˆ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜
console.log(numbers); // [1, 2, 3] ์›๋ณธ ๋ฐฐ์—ด์€ ๊ทธ๋Œ€๋กœ ์œ ์ง€!
  • map์€ ๋ฐฐ์—ด์„ ์ˆœํšŒํ•˜๋ฉฐ ๊ฐ ์š”์†Œ๋ฅผ 2๋ฐฐ๋กœ ๋งŒ๋“ค์–ด ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • ์›๋ณธ ๋ฐฐ์—ด์„ ๊ทธ๋Œ€๋กœ ๋‘๊ณ  ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•œ๋‹ค.
    โžก ์›๋ณธ ๋ฐฐ์—ด์„ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š์Œ์œผ๋กœ ๋ฐ์ดํ„ฐ ์†์‹ค ๋ง‰์„ ์ˆ˜ ์žˆ๊ณ , ๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์žฌ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ์–ด๋”˜๊ฐ€ ์ €์žฅํ•  ๋•Œ ์œ ์šฉํ•˜๋‹ค.
    (ex: ๊ฐ€๊ฒฉ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณ€ํ˜•ํ•ด์„œ ํ• ์ธ๊ฐ€๋ฅผ ๊ณ„์‚ฐํ•œ ํ›„, ์ด๋ฅผ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ ์ €์žฅ ๊ฐ€๋Šฅ)

 

๐Ÿ”ฅ map์„ ์‚ฌ์šฉํ•ด์•ผ ํ•  ์ƒํ™ฉ์—์„œ forEach๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ

1. ๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์–ป์„ ์ˆ˜ ์—†๋‹ค.

forEach๋Š” ๋‹จ์ˆœํžˆ ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ๋ฅผ ์ˆœํšŒํ•˜๋ฉด์„œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋ฟ์ด๋ฏ€๋กœ, ๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ฑฐ๋‚˜ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.

const numbers = [1, 2, 3];
const doubled = numbers.forEach(num => num * 2);
console.log(doubled); // undefined

forEach๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— doubled ๋ณ€์ˆ˜๋Š” undefined๊ฐ€ ๋œ๋‹ค.
๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐฐ์—ด๋กœ ์–ป์œผ๋ ค๋Š” ์ƒํ™ฉ์—์„œ forEach๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด, ๋ฐ์ดํ„ฐ๋ฅผ ๋”ฐ๋กœ ์ €์žฅํ•  ์ˆ˜ ์—†๋‹ค.

const numbers = [1, 2, 3];
numbers.forEach(num => {
  num = num * 2; // ์ž‘์—…์€ ์ˆ˜ํ–‰๋˜์ง€๋งŒ
});
console.log(numbers); // [1, 2, 3] ์›๋ณธ ๋ฐฐ์—ด์€ ์—ฌ์ „ํžˆ ๊ทธ๋Œ€๋กœ

๋ณ€ํ˜•๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์—†์œผ๋‹ˆ ์žฌ์‚ฌ์šฉ๋„ ๋‹น์—ฐ ๋ถˆ๊ฐ€..

2. ์ฝ”๋“œ๊ฐ€ ๋ณต์žกํ•ด์ง€๊ณ  ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์ง„๋‹ค.

map์€ "๋ณ€ํ˜•๋œ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜"ํ•˜๋Š” ๋ช…ํ™•ํ•œ ๋ชฉ์ ์„ ๊ฐ€์ง€๊ณ  ์‚ฌ์šฉ๋œ๋‹ค. ๋ฐ˜๋ฉด, forEach๋Š” ์ฃผ๋กœ "๋ฐฐ์—ด์„ ์ˆœํšŒํ•˜๋ฉด์„œ ์ž‘์—…์„ ์ˆ˜ํ–‰"ํ•  ๋•Œ ์‚ฌ์šฉ๋œ๋‹ค. ์ด๋Ÿฐ ์ฐจ์ด๋ฅผ ๋ฌด์‹œํ•˜๊ณ  forEach๋ฅผ ๋ณ€ํ˜• ์ž‘์—…์— ์‚ฌ์šฉํ•˜๋ฉด, ์ฝ”๋“œ์˜ ์˜๋„๊ฐ€ ๋ถˆ๋ถ„๋ช…ํ•ด์ง€๊ณ , ์ด๋Š” ๊ฒฐ๊ตญ ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ์„ ๋–จ์–ด๋œจ๋ฆฌ๊ฒŒ ๋œ๋‹ค.

const numbers = [1, 2, 3];
let doubled = [];
numbers.forEach(num => {
  doubled.push(num * 2);
});

forEach๋กœ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ง์ ‘ ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•˜๊ณ  ๊ฐ๊ฐ์˜ ์š”์†Œ๋ฅผ ๋ฐฐ์—ด์— ๋„ฃ๋Š” ์ž‘์—…์„ ํ•ด์•ผ ํ•œ๋‹ค. ์ฝ”๋“œ๋Š” ๋ณต์žกํ•ด์ง€๊ณ  ๊ฐ€๋…์„ฑ์€ ๋–จ์–ด์ง€๊ธฐ ๋•Œ๋ฌธ์— ์ด ๊ฒฝ์šฐ map์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋” ์ง๊ด€์ ์ด๊ณ  ์˜๋„๊ฐ€ ๋ช…ํ™•ํ•˜๋‹ค.

๋ฐ˜์‘ํ˜•
๋ฐ˜์‘ํ˜•

์˜ค๋Š˜์€ ์žŠ๊ณ  ์žˆ๋˜ ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ์‹ค๊ธฐ ๊ฒฐ๊ณผ ๋ฐœํ‘œ๋‚ !

๊ทธํ† ๋ก ๊ธฐ๋‹ค๋ ธ๋˜ ํ•ฉโ˜…๊ฒฉ  

ํ•˜์ง€๋งŒ ์ƒ๊ฐ๋งŒํผ ๊ธฐ์˜์ง€ ์•Š๋‹ค........

 

์ •์ฒ˜๊ธฐ ์ค€๋น„ ์ „์—” ๋ฌด์กฐ๊ฑด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋  ๊ฑฐ์•ผ!!!!!! ํ–ˆ๋Š”๋ฐ

๊ฐœ๋ฐœ ํŠธ๋ Œ๋“œ๋Š” ์‰ด ํ‹ˆ ์—†์ด ๋ฐ”๋€Œ๊ณ  ์ฒœ์žฌ๋“ค์€ ๋งŽ๋‹ค.

๊ฐœ๋ฐœ ์ •๋ณต์„ ๊ฟˆ๊ฟจ์ง€๋งŒ ๊ณต๋ถ€ํ• ์ˆ˜๋ก ์ •๋ณต์€์ปค๋…• ๋‚˜์˜ ํ•˜์ฐฎ์Œ๋งŒ ์ฒด๊ฐํ•˜๊ฒŒ ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค.

ํ•ด๋„ ํ•ด๋„ ๋ถ€์กฑํ•œ ๋Š๋‚Œ. ์žฌ๋ฐŒ์ง€๋งŒ ์ฆ๊ฒ์ง€ ์•Š์€ ์š”์ƒํ•œ ๋Š๋‚Œ๐Ÿ™ƒ

๋งˆ์น˜ ํƒˆ์ถœํ•˜์ง€ ๋ชปํ•˜๊ณ  ๋๋‚˜๋ฒ„๋ฆฌ๋Š” ๋ฐฉ ํƒˆ์ถœ ๊ฒŒ์ž„ ๊ฐ™์•„..

 

๊ทธ๋ž˜์„œ์ธ์ง€ '๊ฐœ๋ฐœ์ž๊ฐ€ ๋‚˜์™€ ๋งž๋Š” ๊ธธ์ธ๊ฐ€?'๋ผ๋Š” ์˜๊ตฌ์‹ฌ์ด ๊ณ„์†ํ•ด์„œ ๊ฟˆํ‹€๊ฟˆํ‹€..

์ทจ์—…ํ•˜๊ธฐ์—” ๋ฌด์„ญ๊ณ  ๊ทธ๋งŒ๋‘๊ธฐ์—” ์žฌ๋ฐŒ๋Š” ์–ด์ •์ฉกํ•œ ์ทจ๋ฏธ์˜ ์˜์—ญ...

 

ํ•˜์ง€๋งŒ ๋‚œ ์‹œ๊ฐ„ ๋งŽ์€ ๋ฐฑ์ˆ˜๋‹ˆ๊นŒ^0^

์ด๋ฒˆ ๊ธฐํšŒ์— ์—ฌ์œ ๋ฅผ ๊ฐ–๊ณ  ๊ฐœ๋ฐœ ํฌํ•จ ๊ด€์‹ฌ ์žˆ๋Š” ๊ฒƒ๋“ค์„ ๋‹ค ํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค!

๋จธ๋ฆฟ์†๋งŒ ๋ฐ”์˜๊ณ  ๋ชธ๋šฑ์ด๋Š” ํ•œ์—†์ด ๊ฒŒ์„๋ €๋˜ ๋‚˜..  

๋ฐ˜์„ฑ์˜ ์‹œ๊ฐ„์„ ๊ฐ–๊ณ  ๊ณ ๋ฏผํ–ˆ๋˜ ๊ฒƒ๋“ค์„ ํ–‰๋™์œผ๋กœ ์˜ฎ๊ฒจ๋ด์•ผ๊ฒ ๋‹ค.

 

 

ํ•˜๋ฃจํ•˜๋ฃจ ๊ด€์‹ฌ์‚ฌ๋“ค์„ ์ •๋ฆฌํ•ด ๋ณด๋ฉด ๋‚ด๊ฐ€ ๋ญ˜ ์ข‹์•„ํ•˜๋Š”์ง€ ์•Œ ์ˆ˜ ์žˆ๊ฒ ์ง€.

๋ฐ˜๊ฐ€์›Œ ํ‹ฐ์Šคํ† ๋ฆฌ, ์•ž์œผ๋กœ ์ž˜ ๋ถ€ํƒํ•ด :)

 

 

 

๋ฐ˜์‘ํ˜•

+ Recent posts