[JavaScript]๋ฐ˜๋ณต๋ฌธ1(for๋ฌธ)๐Ÿš‹

miniยท2023๋…„ 1์›” 11์ผ
0

Javascript๋ฝ€๊ฐœ๊ธฐ

๋ชฉ๋ก ๋ณด๊ธฐ
6/7
post-thumbnail
post-custom-banner

๐Ÿš‹๋ฐ˜๋ณต๋ฌธ (for๋ฌธ)

๋ฐ˜๋ณต๋ฌธ์ด๋ž€ ๋ฐ˜๋ณต์ ์ธ ์ผ์„ ์ˆ˜ํ–‰ํ•ด์•ผ ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.
๋˜‘๊ฐ™์€ ์ผ์„ 5๋ฒˆ์ •๋„ ๋ฐ˜๋ณตํ•ด์•ผ ํ•  ๋•Œ ๊ฐ™์€ ์ฝ”๋“œ๋ฅผ 5๋ฒˆ ์ ์–ด์•ผ ํ• ๊นŒ์š”?
๊ทธ๋ ‡๋‹ค๋ฉด ๊ต‰์žฅํžˆ ๋น„ํšจ์œจ ์ ์ด๊ณ  ํž˜๋“ค๊ฒ ์ฃ .
๋ฐ˜๋ณต๋ฌธ ์€ ๋ฐ˜๋ณต์ ์ธ ์ฝ”๋“œ์˜ ์–‘์„ ์••์ถ•ํ•˜๊ณ  ์ผ์˜ ์ˆ˜ํ–‰์„ ํšจ์œจ์ ์œผ๋กœ ์ฒ˜๋ฆฌ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

๋ฐ˜๋ณต๋ฌธ ๋งŒ๋“ค๊ธฐ

๋ฐ˜๋ณต๋ฌธ์—๋Š” for๋ฌธ ๊ณผ while๋ฌธ ์ด ์žˆ๋‹ค.
๊ทธ์ค‘ ์ œ์ผ ๊ฐ„๊ฒฐํ•˜๊ณ  ๋Œ€ํ‘œ์ ์ธ for๋ฌธ์— ๋Œ€ํ•ด ์จ๋ณด๋ คํ•œ๋‹ค!

for๋ฌธ (์กฐ๊ฑด๋ฌธ์˜ ๋Œ€ํ‘œ์ )

for(์ตœ์ดˆ์‹; ์กฐ๊ฑด์‹; ์ฆ๊ฐ๋ฌธ){
// ๋ฐ˜๋ณต์„ ์ˆ˜ํ–‰ํ•  ์ฝ”๋“œ
}

for(i = 0; i < 5; i++) {
	 document.write(a);
}


๐Ÿš‹for๋ฌธ์„ ์“ฐ๊ธฐ ์œ„ํ•ด์„  ์กฐ๊ฑด์ด 3๊ฐœ๊ฐ€ ํ•„์š”ํ•˜๋‹ค.


๐Ÿƒโ€โ™‚๏ธ1. ์ตœ์ดˆ์‹ [i = 0;]

๋ณ€์ˆ˜์˜ ์ดˆ๊ธฐํ™” ๋ณ€์ˆ˜์— ๊ฐ’์„ ์ฒ˜์Œ ์ €์žฅํ•˜๋Š” ๊ฒƒ
๋งŒ์•ฝ 0์„ ๋„ฃ๋Š”๋‹ค๋ฉด ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ '์ดˆ๊ธฐํ™”'ํ•œ๋‹ค๋ผ๊ณ  ํ•˜๋Š” ๊ฒƒ์ด ์ •ํ™•

for๋ฌธ์—์„œ ์‹œ์ž‘์ ์€

๋ง๊ทธ๋Œ€๋กœ ์ดˆ๊ธฐํ™”ํ•œ ๊ฐ’๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค๋Š” ๋œป์ด๋‹ค.

์‰ฝ๊ฒŒ ์„ค๋ช…ํ•˜๋ฉด for๋ฌธ์ด ๋‹ฌ๋ฆฌ๊ธฐ๋ฅผ ํ•˜๊ณ 
์‹œ์ž‘์ ์—์„œ ๋„์ฐฉ๊นŒ์ง€ ๋‹ฌ๋ฆฌ๋Š”๋ฐ ๋ช‡๋ฒˆ์„ ๋ฐ˜๋ณตํ•ด์„œ ๋‹ฌ๋ฆฌ๋ฉฐ, ๋ณดํญ์€ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€ ์ •๋„๋กœ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋‹ค.

์—ฌ๊ธฐ์„œ ์ตœ์ดˆ๋Š” ์‹œ์ž‘์ ์„ ์˜๋ฏธํ•˜๋ฉฐ i = 0; ๋Š” i๊ฐ€ 0 ๋ถ€ํ„ฐ ์‹œ์ž‘์„ ํ•œ๋‹ค๋Š” ์…‹ํŒ…์ด๋‹ค.

๐Ÿƒโ€โ™€๏ธ2. ์กฐ๊ฑด์‹ [i < 5]

์ด ์กฐ๊ฑด์‹์ด true(์ฐธ)๋ƒ false(๊ฑฐ์ง“)๋ƒ์— ๋”ฐ๋ผ์„œ for๋ฌธ์ด ๋™์ž‘ํ•˜๊ฑฐ๋‚˜ ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

์กฐ๊ฑด์‹์€ ๋„์ฐฉ์  ๋˜๋Š” ๋ฐ˜๋ณต ํšŸ์ˆ˜!

i < 5

๋ณ€์ˆ˜ i์— 0์„ ์ง‘์–ด๋„ฃ์—ˆ์œผ๋‹ˆ i๋Š” 0๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค๊ณ  ํ–ˆ๋‹ค.
๊ทธ๋’ค์— ์กฐ๊ฑด์‹์€ ๋„์ฐฉ๊นŒ์ง€ ์–ผ๋งˆ๋‚˜ ๋ฐ˜๋ณต ํ• ์ง€๋ฅผ ์ •ํ•œ๋‹ค๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.
์œ„์˜ ์กฐ๊ฑด์‹์€i๊ฐ€ 5๋ณด๋‹ค ์ž‘์„ ๋•Œ(๋ฏธ๋งŒ) ๊นŒ์ง€๋Š” ๊ณ„์† ๊ฒฐ๊ณผ๊ฐ€ true๋ผ๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ์œผ๋‹ˆ
๋”ฐ๋ผ์„œ ๋ณ€์ˆ˜ i๊ฐ€ 5๊ฐ€ ๋˜๊ธฐ ์ „(์ •์ˆ˜๋กœ๋Š” 4๊นŒ์ง€)๊นŒ์ง€ ๋ฐ˜๋ณต ๋œ๋‹ค.

0, 1, 2, 3, 4 ๊นŒ์ง€ 0๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ 5๋ฒˆ ๋ฐ˜๋ณต
1, 2, 3, 4, 5

๐Ÿ•บ3.์ฆ๊ฐ„๋ฌธ [i++]

์ฆ๊ฐ์‹์€ ์šฐ๋ฆฌ๊ฐ€ ์ž˜ ์•Œ๊ณ  ์žˆ๋Š” ++ ๋˜๋Š” --๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ
์ฆ๊ฐ์—ฐ์‚ฐ์ž๋งŒ ๋“ค์–ด์˜ฌ ์ˆ˜ ์žˆ๋Š” ๊ฑด ์•„๋‹ˆ๋‹ค.

๋Œ€ํ‘œ์ ์œผ๋กœ ++, --๊ฐ€ ๋“ค์–ด์˜ค๋Š” ๊ฒƒ์ด์ง€
๊ฐ’์ด ์ฆ๊ฐํ•˜๋Š” ์‹์€ ์–ด๋–ค ๊ฒƒ์ด๋“  ๋“ค์–ด์˜ฌ ์ˆ˜ ์žˆ๋‹ค.
์ฆ๊ฐ์‹์€ ๋ณดํญ์ด๋ผ๊ณ  ํ–ˆ์—ˆ๋Š”๋ฐ
๋ง๊ทธ๋Œ€๋กœ ๋ณดํญ๋งŒํผ for๋ฌธ์ด ๋™์ž‘ ํ•˜๋Š” ๊ฒƒ

์šฐ๋ฆฌ๊ฐ€ ๋‹ฌ๋ฆฌ๊ธฐ๋ฅผ ํ•  ๋•Œ๋„ ์‹œ์ž‘์ ๋ถ€ํ„ฐ ๋„์ฐฉ์ ๊นŒ์ง€ ์ž์‹ ์˜ ๋ณดํญ์œผ๋กœ
5๊ฑธ์Œ๋งŒํผ ๊ฐˆ ์ˆ˜ ์žˆ๋Š” ๊ฑฐ๋ฆฌ๋ผ๋ฉด 5๊ฑธ์Œ ๋’ค์— ๋„์ฐฉ์ ์— ๋„์ฐฉํ•œ๋‹ค.
์™€ ๊ฐ™๋‹ค.

์ด ์ฆ๊ฐ์‹์— ๋”ฐ๋ผ์„œ for๋ฌธ์ด ์–ผ๋งˆ๋‚˜ ๋ฐ˜๋ณตํ• ์ง€ ๊ฒฐ์ •ํ•  ์ˆ˜๋„ ์žˆ๋Š”๋ฐ
์ผ๋ฐ˜์ ์œผ๋กœ ++๋‚˜ --๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— 1์”ฉ ์ฆ๊ฐํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ํŽธํ•˜๋‹ค.

์œ„์˜ ์˜ˆ์‹œ์—์„œ๋„ i++์ด๋ผ๊ณ  ์ž‘์„ฑํ–ˆ๋Š”๋ฐ i๊ฐ€ 1๋ฐ”ํ€ด ๋Œ ๋•Œ๋งˆ๋‹ค 1์”ฉ ์ฆ๊ฐ€ํ•˜๊ธฐ ๋•Œ๋ฌธ์—
์กฐ๊ฑด์‹์—์„œ i๊ฐ€ 0, 1, 2, 3, 4๋กœ ๋ณ€ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

๋‹ค์‹œ ๋ณด๋ฉด๐Ÿš‹

for(i = 0; i < 5; i++) {
	 document.write(a);
}

i๋Š” 0์ด๊ณ  5๋ณด๋‹ค ์ž‘๊ธฐ ๋•Œ๋ฌธ์— i๋ฅผ ์ฆ๊ฐ ์‹œํ‚จ๋‹ค.
๊ทธ๋Ÿผ i๋Š” 1์ด ๋˜๊ณ  ๊ทธ๋ž˜๋„ 5๋ณด๋‹ค ์ž‘๊ธฐ ๋–„๋ฌธ์— ๋‹ค์‹œ i๋ฅผ ์ฆ๊ฐ ์‹œํ‚จ๋‹ค.
5๊ฐ€ ๋  ๋•Œ ๊นŒ์ง€ ๋ฐ˜๋ณต ๋œ๋‹ค ๋ผ๋Š”๊ฑธ ์•Œ ์ˆ˜ ์žˆ๋‹ค.


๐Ÿšกย for-of์™€ ๐Ÿš for-in

๐Ÿšกfor-of

for-of๋ฌธ์€ ๋ฐฐ์—ด์— ์ฃผ๋กœ ์‚ฌ์šฉ

const arr = [1, 2, 3, 4, 5]
for(let el of arr) {
    console.log(el)
}

for-of๋ฌธ์€ ์œ„์™€ ๊ฐ™์ด ์ž‘์„ฑ
์‹คํ–‰์‹œ์ผœ ๋ณด๋ฉด el์ด๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ arr์˜ ๊ฐ ์š”์†Œ๊ฐ€ ๋“ค์–ด์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธ

๐Ÿš for-in

for-in๋ฌธ์€ ๊ฐ์ฒด์—์„œ ์‚ฌ์šฉ

const obj = {
    name : "min",
    age : "99"
}
for(let key in obj) {
    console.log(key)
}

for-of์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์œ„ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•ด๋ณด๋ฉด
์ด๋ฒˆ์—๋Š” obj ๊ฐ์ฒด ํ”„๋กœํผํ‹ฐ๋“ค์˜ key๊ฐ€ ๋‹ด๊ฒจ์ ธ ์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธ




๐ŸšŸfor๋ฌธ ์†์˜ for๋ฌธ [์ด์ค‘ for๋ฌธ]

์ด์ค‘for๋ฌธ์ด๋ผ ํ•˜๋ฉด ๊ดœํžˆ ์–ด๋ ต๊ฒŒ ๋“ค๋ฆด์ˆ˜๋„ ์žˆ์ง€๋งŒ ๊ทธ๋ƒฅ for๋ฌธ ์•ˆ์—์„œ ๋˜ for๋ฌธ์„ ์„ ์–ธํ•˜๋Š”๊ฑฐ๋‹ค.
์ฆ‰ for๋ฌธ์˜ ์กฐ๊ฑด์ด ๋งŒ์กฑํ•˜์—ฌ ๋ช…๋ น๋ฌธ์„ ์‹คํ–‰ํ•˜๋Š”๋ฐ ๊ทธ ๋ช…๋ น๋ฌธ์ด for๋ฌธ์ธ๊ฒƒ์ด๋‹ค.

 for(๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐ ์ดˆ๊ธฐ๊ฐ’ ์„ค์ •; ์กฐ๊ฑด์‹; ์ฆ๊ฐ์‹){
    for(๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐ ์ดˆ๊ธฐ๊ฐ’ ์„ค์ •; ์กฐ๊ฑด์‹; ์ฆ๊ฐ์‹){
    }
}

์œ„์—์„œ ๋‹ค๋ค˜์œผ๋‹ˆ ๋ฐ”๋กœ ์ด์ค‘ for๋ฌธ์„ ์ ์šฉํ•˜์—ฌ ๊ตฌ๊ตฌ๋‹จ์„ ํ•ด๋ณด์ž!

ํ•ด์„ํ•ด๋ณด๋ฉด

i=2 -> ์‹œ์ž‘์ด 2 [์‹œ์ž‘]
1<=6 -> i๊ฐ€ 6๋ณด๋‹ค ์ž‘๊ฑฐ๋‚˜ ๊ฐ™์œผ๋ฉด [์กฐ๊ฑด]

(์•ˆ์—)

k๊ฐ€ 1 -> [์‹œ์ž‘]
k <= -> k๊ฐ€ 9๋ณด๋‹ค ์ž‘๊ฑฐ๋‚˜ ๊ฐ™์œผ๋ฉด [์กฐ๊ฑด]
k++ -> 1์ฆ๊ฐ€ ํ•˜๋ผ [์ฆ๊ฐ„]

i++ -> 1์ฆ๊ฐ€ ํ•˜๋ผ [์ฆ๊ฐ„]
--๋ฐ˜๋ณต--

์œผ๋กœ ์‰ฝ๊ฒŒ ๊ตฌ๊ตฌ๋‹จ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.
๊ทธ๋ƒฅ ๋ฐ˜๋ณต๋ฌธ ์•ˆ์— ๋ฐ˜๋ณต์„ ํ•œ๋ฒˆ ๋” ๋„ฃ์–ด ์ฃผ๋Š”๊ฒƒ!!!

profile
ํ•  ์ˆ˜ ์žˆ๋‹ค!
post-custom-banner

0๊ฐœ์˜ ๋Œ“๊ธ€