[JavaScript] 기본 문법 - 증감연산자, 배열, 반복문

 

* 변수

값을 저장하는 이름이 부여된 기억장소로, 보통 키워드 var를 이용하여 선언한다.(var는 자료형이 아니다.)

변수를 선언할 때 자료형은 지정하지 않고 값이 할당되면 결정된다.

 

* 증감 연산자

// 전위

let number = 10;

console.log(number);

console.log(++number);

console.log(--number);

console.log(number);

 

// 출력

10
11
10
10

 

// 후위

let number = 10;

console.log(number);

console.log(number++);

console.log(number--);

console.log(number);

 

// 출력

10
10
11
10

 

* 배열

let array = [52, 273, '아침밥', '점심밥', true, false]  // 배열 생성

array[0] = 0  // 배열 요소 변경

console.log(array[0]);

console.log(array[1]);

console.log(array[2]);

console.log(array[3]);

console.log(array[4]);

 

// 출력

0
273
아침밥
점심밥
true

 

* 반복문

1. while문

 

// while문 기본 형태

while (불_표현식) {

    // 불 표현식이 참인 동안 실행할 명령

}

 

let i = 0;

let array = [52, 273, 32, 65, 103];

while(i < array.length){  

    console.log(i + "번째 출력: " + array[i]);

    i++;  // 숫자를 증가시켜 불 표현식을 false로 만들어 반복문 벗어남

}

 

// 출력

0번째 출력: 52
1번째 출력: 273
2번째 출력: 32
3번째 출력: 65
4번째 출력: 103

 

2. for문

 

// 0부터 100까지의 합

let output = 0;  // 변수 선언

 

for (let i = 0; i <= 100; i++) {  

    output += i;  // output = output + i

}

console.log(output);

 

// 출력

5050

 

// 배열 요소를 역으로 출력

let array = [1, 2, 3, 4, 5, 6];

for(let i = array.length-1; i >= 0; i--) {

    console.log(array[i]);  

}

// 출력

6

5

4

3

2

1

 

 // for in 반복문과 for of  반복문

let array = ["사과", "배", "포도", "딸기", "바나나"];

// for in 반복문: 배열의 인덱스 순회

for(let i in array) {  // for(let 인덱스 in 배열)

    console.log(`${i}번째 요소: ${array[i]}`);  

}

console.log("------------------");

// for of 반복문: 배열의 각 요소를 직접 순회

for(let item of array) {  // for(let 요소 of 배열)

    console.log(item);

}

// 출력

0번째 요소: 사과

1번째 요소: 배

2번째 요소: 포도

3번째 요소: 딸기

4번째 요소: 바나나

------------------

사과

배

포도

딸기

바나나

 

3. 중첩 반복문

 

// 별 피라미드

let output = '';   // 출력할 문자열 초기화

for (let i = 0; i < 10; i++) {  // 행 제어

    for (let j = 0; j < i; j++) {  // 각 행에 출력할 별의 개수

        output += '*';

    }

    output += '\n';  // 힌 행이 끝나면 줄바꿈

}

console.log(output);

// 출력

*

**

***

****

*****

******

*******

********

*********

 

let output='';  // 출력할 문자열 초기화

for (let i = 0; i < 10; i++){

    for (let j = 0; j < 10-i; j++){  // 공백을 출력하는 내부 반복문

        output += ' ';  

    }

    for(let j = 0; j < i+1; j++){  // 별을 출력하는 내부 반복문

        output += '*';

    }

    output += '\n';

}

console.log(output);

// 출력

          *

         **

        ***

       ****

      *****

     ******

    *******

   ********

  *********

 **********

 

4. break

break문은 반복문을 벗어날 때 사용한다.

 

// 짝수를 찾으면 break로 반복문 벗어남

let i = 0;  

let array = [1, 31, 273, 57, 8, 11, 32];  

let output;  // 결과를 저장할 변수

while(true){  // 무한 반복문

    if (array[i] % 2 == 0){  // 배열의 i번째 요소가 짝수이면

        output = array[i];  // 결과 변수에 할당하고

        break;  // 반복문 벗어남

    }

    i = i+1;

}

console.log(`처음 발견한 짝수는 ${output}입니다.`)

// 출력

처음 발견한 짝수는 8입니다.

 

5. continue

continue문은 현재 반복을 멈추고 다음 반복을 실행한다.

 

// continue문으로 홀수만 출력

for(let i=1; i<10; i++){

    if(i%2 == 0){  // 짝수면

        continue;  // 다음 반복으로 넘어감

    }

    console.log(i)

}

// 출력

1

3

5

7

9

 

 

성결대학교 정보통신공학과 웹서버프로그래밍 강의(2024) 

본 게시물은 위 강의 및 교재를 기반으로 정리한 글입니다.