[JS] 자바스크립트 - 반복문

📌 배열

배열은 여러 개의 자료를 한꺼번에 다룰 수 있는 자료형이다.

대괄호 내부의 각 자료는 쉼표로 구분한다.

배열에는 여러 자료형이 섞여 있을 수 있다.

 

 

let array = [279, 1013, 'SSAFY', 'AI', true, false]

 

배열 안에 들어 있는 각 자료를 요소(Element)라고 한다.

배열의 요소에 접근할 때는 대괄호를 사용하며, 대괄호 안에 넣는 숫자를 인덱스(Index)라고 한다.

인덱스는 0부터 시작한다.

 

console.log(array[0]); // 279
console.log(array[1]); // 1013
console.log(array[2]); // 'SSAFY'
console.log(array[3]); // 'AI'
console.log(array[4]); // true
console.log(array[5]); // false

 

배열이 요소에 접근하여 값을 변경할 수 있다.

 

array[0] = 0;
console.log(array[0]); // 0

 

※ 배열과 undefined

일반적인 프로그래밍 언어에서는 배열의 범위를 넘는 요소에 접근할 때 'Index out of range' 오류가 발생하지만

JS에서는 undefined가 출력된다.

 

let array = [1, 2, 3, 4, 5, 6]
console.log(array[1000]) // undefined

 

📌 while 반복문

가장 기본적인 반복문으로, 불(Bool) 표현식이 참인 동안에 중괄호 안의 문장을 계속 실행한다.

 

 

while (<불 표현식>) {
	// 불 표현식이 참인 동안 실행할 문장
}

 

무한반복 주의!) 조건이 변하지 않으면 무한 반복하기 때문에 반드시 조건을 false로 만들 수 있는 문장을 포함해야 한다.

 

📌 for 반복문

for 반복문은 원하는 횟수만큼 반복하고 싶을 때 사용한다.

for 반복문의 각 단계를 살펴보면 다음과 같다.

1. 초기식을 비교한다.
2. 조건식을 비교한다. 조건이 false이면 반복문을 종료한다.
3. 문장을 실행한다.
4. 종결식을 실행한다.
5. 2단계로 이동한다.

 

for (let i = 0; i < [반복 횟수]; i++) {
	// 실행할 문장
}

 

 

📌 역 for 반복문

배열 반복을 앞에서부터 수행할 때도 있지만 뒤에서부터 실행해야 할 때도 있다.

이 때는 for 반복문을 다음 형태로 사용한다.

 

for (let i = length-1; i >= 0; i--) {
	// 실행할 문장
}

// 예시
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 반복문

for in 반복문과 for of 반복문은 객체에 쉽게 반복문을 적용할 때 사용한다.

 

// for in 반복문
for (let 인덱스 in 배열) {

}

// for of 반복문
for (let 요소 of 배열) {

}

for in 반복문과 for of 반복문은 for 반복문 사용과 역할이 같다.

 

for (let i = 0; i < 배열.길이; i++) {
	let 인덱스 = i;
    let 요소 = 배열[i];
}

 

※ for in 반복문과 for of 반복문 사용 예시

 

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

// for in 반복문
for (let i in array) {
	console.log(`{i}번째 요소: ${array[i]}`);
}

console.log("----- 구분선 ----- ")

// for of 반복문
for (let item of array) {
	console.log(item);
}

/*
0번째 요소: 사과
1번째 요소: 배
2번째 요소: 포도
3번째 요소: 딸기
4버째 요소: 바나나
----- 구분선 -----
사과
배
포도
딸기
바나나
*/

 

중첩 반복문은 다른 프로그래밍 언어와 사용이 동일하다. - for문 안에 for문 ...

 

※중첩 반복문 예시

 

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

 

📌 break 키워드, continue 키워드

break 키워드는 조건문이나 반복문을 벗어날 때 사용한다.

continue 키워드는 반복문 내부에서 현재 반복을 멈추고 다음 반복을 진행하게 한다.

 

// break 키워드
let i = 0;
let array = [1, 31, 273, 57, 8, 11, 32];
let output;

while (true) {
	if array[i] % 2 === 0) {
    	output = array[i];
    	break;
    }
    i = i+1;
}

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

// continue 키워드
for (let i = 1; i < 10; i++) {
	if (i % 2 === 0) {
    	continue;
    }
    console.log(i)
}
/*
1
3
5
7
9
*/

 

📌 var 키워드

자바스크립트에서 일반적으로 변수를 만들 때 let 키워드를 사용한다.

하지만 인터넷 익스플로러에서는 let 키워드와 const 키워드를 지원하지 않으므로 var 키워드를 사용해야 하낟.

 

두 키워드의 차이점은 '변수의 스코프'다. 

let 키워드 : 생성한 변수는 해당 블록 내부에서만 사용할 수 있다.

var 키워드 : 생성한 변수 모든 곳에서 사용할 수 있다.

 

// let 키워드
{
	let a = 10;
}
console.log(a);

// ReferenceError: a is not defined

/* ------------------------------------- */

// var 키워드
{
	var a = 10;
}
console.log(a);

// 10

---

참고도서

• 자바스크립트 프로그래밍 입문
• 실무에 바로 적용하는 자바스크립트 코드 레시피 278