๐Ÿ‘ฉ‍๐Ÿ’ป๊ฐœ๋ฐœ_TIL/์ž๋ฃŒ

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ฐ˜๋ณต๋ฌธ/๋ฉ”์„œ๋“œ ๋น„๊ต ๋ชจ์Œ

Daisy.lee 2022. 1. 25. 10:24

1. for in ๋ฐ˜๋ณต๋ฌธ vs for of ๋ฐ˜๋ณต๋ฌธ

https://bit.ly/3rN3ed5

 

for ...in, for ...of ์ฐจ์ด

์ž์ฃผ ํ—ท๊ฐˆ๋ฆฌ๋Š”๊ฒŒ ์žˆ์–ด์„œ ํ•œ๋ฒˆ ํฌ์ŠคํŒ…ํ•ด๋ด…๋‹ˆ๋‹ค.๋ฐ”๋กœ ๋ฐ˜๋ณต๋ฌธ ์ค‘์— ES6 ๋ถ€ํ„ฐ ์ถ”๊ฐ€ ๋œfor ...infor ...of์ž…๋‹ˆ๋‹ค.๋‘˜๋‹ค ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ์‚ฌ์šฉ ๋˜๋Š”๋ฐ์š” ํ•˜๋‚˜๋Š” ๊ฐ์ฒด๋ฅผ ํƒ์ƒ‰ํ•˜๊ณ  ๋‚˜๋จธ์ง€ ํ•˜๋‚˜๋Š” ๋ฐฐ์—ด ์š”์†Œ๋ฅผ ํƒ์ƒ‰

velog.io

https://bit.ly/3FXUNRn

 

Iteration (2) for in๋ฌธ, for of๋ฌธ์˜ ์ฐจ์ด์ 

for ...in๋ฌธ๊ณผ for ...of ๋ฌธ์€ ์–ธ๋œป ๋ณด๋ฉด ๋‘˜๋‹ค ๊ฐ์ฒด ๊ธธ์ด๋งŒํผ ์ˆœํšŒ๋ฅผ ๋ฐ˜๋ณตํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋น„์Šทํ•ด๋ณด์ธ๋‹ค. ๊ทธ๋ž˜์„œ ์ž๊พธ ์‚ฌ์šฉํ•  ๋•Œ๋งˆ๋‹ค ํ—ท๊ฐˆ๋ฆฌ๊ธฐ๋„ ํ•ด์„œ ๋‹ค์‹œ ํ•œ๋ฒˆ ์ œ๋Œ€๋กœ ์ •๋ฆฌ๋ฅผ ํ•ด๋‘๋ ค๊ณ  ํ•œ๋‹ค. for …in ๋ฌธ

joooing.tistory.com

for in ๊ฐœ๋…

for of ๊ฐœ๋…

2. map ๋ฉ”์„œ๋“œ vs forEach ๋ฉ”์„œ๋“œ

https://bit.ly/3nRDdbh

 

Javascript-map()๊ณผ forEach()์˜ ๋น„๊ต ๋ฐ ๋ถ„์„

INTRO ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋ฉด Array์™€ ๊ด€๋ จ๋œ ๋งŽ์€ ๋ฉ”์„œ๋“œ๋“ค์„ ์‚ฌ์šฉํ•˜๋Š”๋ฐ, ์ €๋Š” ๊ทธ ์ค‘์—์„œ๋„ map()๊ณผ forEach()๋ฅผ ์ฃผ๋กœ ์”๋‹ˆ๋‹ค. ๋งŽ์ด ์“ฐ๋Š” ๋งŒํผ ํ•œ ๋ฒˆ ์ •๋ฆฌํ•ด๋ณด๊ณ  ์‹ถ๊ธฐ๋„ ํ•˜๊ณ , ์ข€ ๋‹ค๋ฅธ ๊ด€์ ์—์„œ ์ด ๋‘ ๋ฉ”์„œ๋“œ

pewww.tistory.com

https://bit.ly/3KHLEQk

 

forEach()์™€ map()์˜ ์ฐจ์ด์ 

๊ณตํ†ต์  forEach, map, reduce์˜ ๊ณตํ†ต์ ์€ "๋ฐฐ์—ด์„ ์ด์šฉํ•œ๋‹ค"๋Š” ์ ์ด๋‹ค. ๋ฐฐ์—ด์˜ ๊ฐ’์„ ์กฐ์ž‘ํ•ด์„œ ์›ํ•˜๋Š” ๊ฒฐ๊ณผ๊ฐ’์„ ๋„์ถœํ•˜๋Š”๋ฐ ์˜๋ฏธ๊ฐ€ ์žˆ๋‹ค. forEach()์™€ map()์˜ ์ฐจ์ด์  1. ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•˜๋Š” map() ๋‹ค๋ฅธ

dream-frontend.tistory.com

map() ๊ฐœ๋…

forEach() ๊ฐœ๋…