potatos
๐•๐•’๐•ฆ๐•ฃ๐•ฆ๐•ค
potatos
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ
    • Daily
    • Study
      • CS
      • Network
      • Windows
      • Linux
      • HTML & CSS
      • JavaScript
      • React
      • vue.js
      • Flutter
      • DataBase
      • Elastic Se..
      • Log
      • Coding Tes..
    • Work
      • PC
      • Mobile
      • JPGIF

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

  • notice

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • HTML
  • Windows
  • JavaScript
  • CSS
  • Linux
  • ์ˆ˜์ง ์ •๋ ฌ
  • ์œˆ๋„์šฐ
  • ์…€๋ ‰ํ„ฐ
  • MySQL

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
potatos

๐•๐•’๐•ฆ๐•ฃ๐•ฆ๐•ค

Study/JavaScript

[JavaScript] ๋ฐ˜๋ณต๋ฌธ

2022. 4. 24. 19:09

while๋ฌธ

๊ตฌ๋ฌธ ํ˜•์‹

์ฃผ์–ด์ง„ ์กฐ๊ฑด์ด ์ฐธ์„ ์ถฉ์กฑํ•˜๋Š” ๋™์•ˆ ์ˆ˜ํ–‰๋˜๋Š” ๋ฌธ๋ฒ•์ด๋‹ค.
์ดˆ๊ธฐ์‹
while (์กฐ๊ฑด์‹) {
    ... ๋ฐ˜๋ณต์ ์œผ๋กœ ์ˆ˜ํ–‰๋  ๊ตฌ๋ฌธ ...
    ์ฆ๊ฐ์‹
}

์‹คํ–‰ ๊ณผ์ •

  1. ์ดˆ๊ธฐ์‹, ์กฐ๊ฑด์‹, ์ฆ๊ฐ์‹์˜ ์š”์†Œ๋ฅผ ์ถฉ์กฑํ•œ๋‹ค.
  2. {} ์•ˆ์—์„œ ์„ ์–ธ๋˜๋Š” ๋ณ€์ˆ˜๋‚˜ ์ƒ์ˆ˜๋Š” ๊ทธ ๋ธ”๋ก ์•ˆ์—์„œ๋งŒ ์œ ํšจํ•˜๋‹ค.
  3. ๋ฐ˜๋ณต๋ฌธ {} ์•ˆ์—์„œ ์„ ์–ธ๋˜๋Š” ๋ณ€์ˆ˜๋‚˜ ์ƒ์ˆ˜๋Š” ๊ทธ ํšŒ์ฐจ์—์„œ๋งŒ ์œ ํšจํ•˜๊ณ , ์ƒˆ๋กœ์šด ํšŒ์ฐจ์˜ ๋ฐ˜๋ณต์—์„œ๋Š” ๊ธฐ์กด ๋ณ€์ˆ˜๋Š” ์‚ญ์ œ๋˜๊ณ  ์ƒˆ๋กญ๊ฒŒ ์ƒ์„ฑ๋œ๋‹ค.

์ฆ๊ฐ€๋Ÿ‰ ์กฐ์ ˆํ•˜๊ธฐ

์ฆ๊ฐ์‹์„ ์กฐ์ ˆํ•˜์—ฌ ์ฆ๊ฐ€๋Ÿ‰ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์˜ˆ๋ฅผ ๋“ค์–ด 0๋ถ€ํ„ฐ 100 ์ „(=99)๊นŒ์ง€ 10์”ฉ ์ฆ๊ฐ€ํ•˜๋Š” ๋“ฑ์˜ ์กฐ์ ˆ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.
let x = 1;

while (x <= 10) {
    const k = "x=" + x;
    console.log(k);// x=1 ~ x=11
    x++;
}

console.log("x์˜ ์ตœ์ข…๊ฐ’: " + x); // 11

์˜ˆ์ œ

1. ๊ตฌ๊ตฌ๋‹จ

let y = 1;

while (y < 10) {
    const z = y * 7;
    console.log("7 x %d = %d", y, z);
    y++;
}

/** ๊ฒฐ๊ณผ **/
7 x 1 = 7
7 x 2 = 14
7 x 3 = 21
7 x 4 = 28
7 x 5 = 35
7 x 6 = 42
7 x 7 = 49
7 x 8 = 56
7 x 9 = 63

2. ํ•ฉ๊ณ„ ๊ตฌํ•˜๊ธฐ

๋ˆ„์ ํ•ฉ์„ ๊ตฌํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ฐ˜๋ณต์ด ์‹œ์ž‘๋˜๊ธฐ ์ „, ํ•ฉ์‚ฐ์— ์‚ฌ์šฉํ•  ๋ณ€์ˆ˜๋ฅผ 0์œผ๋กœ ์ดˆ๊ธฐํ™”ํ•ด ๋†“๊ณ , ๋ฐ˜๋ณต๋ฌธ ์•ˆ์—์„œ ๋ˆ„์  ํ•ฉ์‚ฐ์„ ์ˆ˜ํ–‰ํ•œ๋‹ค.
let x = 0;			// ํ•ฉ๊ณ„๋ฅผ ๊ตฌํ•˜๊ธฐ ์œ„ํ•œ ๋ณ€์ˆ˜
let i = 1;			// ์ดˆ๊ธฐ์‹

while (i <= 10) {		// ์กฐ๊ฑด์‹ => i์˜ ๋ฒ”์œ„: 1~10
	x += i			// x์— 1๋ถ€ํ„ฐ 10๊นŒ์ง€ ๋ฐ˜๋ณตํ•˜๋ฉฐ ํ•ฉ์‚ฐ
    console.log("i=%d, x=%d", i, x);
    i++;			// ์ฆ๊ฐ์‹
}

console.log("1๋ถ€ํ„ฐ 10๊นŒ์ง€์˜ ํ•ฉ: " + x);

/** ๊ฒฐ๊ณผ **/
i=1, x=1
i=2, x=3
i=3, x=6
i=4, x=10
i=5, x=15
i=6, x=21
i=7, x=28
i=8, x=36
i=9, x=45
i=10, x=55
1๋ถ€ํ„ฐ 10๊นŒ์ง€์˜ ํ•ฉ: 55

3. 10์”ฉ ์ฆ๊ฐ€

let a = 0;

while (a < 100) {
    console.log("a=%d", a);
    a += 10;
}

/** ๊ฒฐ๊ณผ **/
a=0
a=10
a=20
a=30
a=40
a=50
a=60
a=70
a=80
a=90
let a = 0;

while (a < 100) {
    const y = a += 10;
    console.log("a = " + y);
}

/** ๊ฒฐ๊ณผ **/
a = 10
a = 20
a = 30
a = 40
a = 50
a = 60
a = 70
a = 80
a = 90
a = 100

4. 2 ๊ฐ์†Œ

let b = 10;

while (b > 0) {
    console.log("b=%d", b);
    b -= 2;
}

/** ๊ฒฐ๊ณผ **/
b=10
b=8
b=6
b=4
b=2

for๋ฌธ

๊ตฌ๋ฌธ ํ˜•์‹

์ดˆ๊ธฐ์‹, ์กฐ๊ฑด์‹, ์ฆ๊ฐ์‹์ด ํ•˜๋‚˜์˜ ๊ด„ํ˜ธ() ์•ˆ์— ๋ชจ๋‘ ๋ช…์‹œ๋˜๋Š” ํ˜•ํƒœ์ด๋‹ค.
for (์ดˆ๊ธฐ์‹; ์กฐ๊ฑด์‹; ์ฆ๊ฐ์‹) {
    ...
}

์‹คํ–‰ ๊ณผ์ •

  1. ์ดˆ๊ธฐ์‹์„ ์‹คํ–‰ํ•œ๋‹ค.
  2. ์กฐ๊ฑด์‹์„ ํŒ๋ณ„ํ•œ๋‹ค.
    1. ์กฐ๊ฑด์‹์ด ์ฐธ์ธ ๊ฒฝ์šฐ, {} ์•ˆ์„ 1ํšŒ ์‹คํ–‰ ํ›„์— ์ฆ๊ฐ์‹์œผ๋กœ ์ด๋™ํ•œ๋‹ค.
      1. ์ฆ๊ฐ์‹์„ ์‹คํ–‰ํ•œ ํ›„, ๋‹ค์‹œ ์กฐ๊ฑด์‹์œผ๋กœ ์ด๋™ํ•œ๋‹ค.
    2. ์กฐ๊ฑด์‹์ด ๊ฑฐ์ง“์ธ ๊ฒฝ์šฐ, {} ๋ธ”๋ก์„ ์‹คํ–‰ํ•˜์ง€ ์•Š๊ณ  ๋น ์ ธ๋‚˜๊ฐ„๋‹ค.

์˜ˆ์ œ

1. x๊ฐ€ 1๋ถ€ํ„ฐ 10 ์ดํ•˜์ธ ๋™์•ˆ์— 1์”ฉ ์ฆ๊ฐ€

for (let x = 1; x <= 10; x++) {
    const k = "x=" + x;
    console.log(k);
}

/** ๊ฒฐ๊ณผ **/
x=1
x=2
x=3
x=4
x=5
x=6
x=7
x=8
x=9
x=10
/** ๋‹ค๋ฅธ ํ‘œํ˜„ **/
for (let x = 1; x <= 10; x++) {
    console.log("x=" + x);
}

2. ๊ตฌ๊ตฌ๋‹จ

y๊ฐ€ 1๋ถ€ํ„ฐ 10๋ณด๋‹ค ์ž‘์€ ๋™์•ˆ 1์”ฉ ์ฆ๊ฐ€ํ•˜๋ฉฐ, y์˜ ๋ฒˆ์œ„๊ฐ€ 1~9๊ฐ€ ๋œ๋‹ค.
for (let y = 1; y < 10; y++) {
    const z = y * 7;
    console.log("7 x %d = %d", y, z);
}

/** ๊ฒฐ๊ณผ **/
7 x 1 = 7
7 x 2 = 14
7 x 3 = 21
7 x 4 = 28
7 x 5 = 35
7 x 6 = 42
7 x 7 = 49
7 x 8 = 56
7 x 9 = 63

3. ํ•ฉ๊ณ„ ๊ตฌํ•˜๊ธฐ

let x = 0;

for (let i = 1; i <= 10; i++) {
    x += i;
    console.log("i=%d, x=%d", i, x);
}

console.log("1๋ถ€ํ„ฐ 10๊นŒ์ง€์˜ ํ•ฉ: " + x);

/** ๊ฒฐ๊ณผ **/
i=1, x=1
i=2, x=3
i=3, x=6
i=4, x=10
i=5, x=15
i=6, x=21
i=7, x=28
i=8, x=36
i=9, x=45
i=10, x=55
1๋ถ€ํ„ฐ 10๊นŒ์ง€์˜ ํ•ฉ: 55

4. 10์”ฉ ์ฆ๊ฐ€

for (let a = 0; a < 100; a += 10) {
    console.log("a=%d", a);
}

/** ๊ฒฐ๊ณผ **/
a=0
a=10
a=20
a=30
a=40
a=50
a=60
a=70
a=80
a=90

5. 2์”ฉ ๊ฐ์†Œ

for (let b = 10; b > 0; b -= 2) {
    console.log("b=%d", b);
}

/** ๊ฒฐ๊ณผ **/
b=10
b=8
b=6
b=4
b=2

'Study > JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[JavaScript] ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ํ™œ์šฉ  (0) 2022.04.24
[JavaScript] ๋ณ€์ˆ˜์˜ ์œ ํšจ์„ฑ ๋ฒ”์œ„ (๋ณ€์ˆ˜์˜ ์Šค์ฝ”ํ”„)  (0) 2022.04.24
[JavaScript] ์กฐ๊ฑด๋ฌธ  (0) 2022.04.23
[JavaScript] ์—ฐ์‚ฐ์ž(operator)  (0) 2022.04.23
[JavaScript] ์ด์Šค์ผ€์ดํ”„ ์‹œํ€€์Šค (์ด์Šค์ผ€์ดํ”„ ๋ฌธ์ž)  (0) 2022.04.21
    'Study/JavaScript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [JavaScript] ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ํ™œ์šฉ
    • [JavaScript] ๋ณ€์ˆ˜์˜ ์œ ํšจ์„ฑ ๋ฒ”์œ„ (๋ณ€์ˆ˜์˜ ์Šค์ฝ”ํ”„)
    • [JavaScript] ์กฐ๊ฑด๋ฌธ
    • [JavaScript] ์—ฐ์‚ฐ์ž(operator)
    potatos
    potatos

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”