JavaScript_반복문

배열(Array)

배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. 배열은 대괄호[ ]를 사용해 생성하고 내부의 값을 ,를 사용해 구분할 수 있다. 내부에 들어 있는 값을 요소라고 하고 어떠한 종류의 자료형도 요소가 될 수 있다.

상수 array를 선언하고, 불러오면 요소개수가 먼저 노출되고 이 후 요소가 노출됨.

 

(배열 요소에 접근하기)

배열의 기본적인 조작은 문자열과 비슷하다. 각각의 요소에 접근하려면 배열 바로 뒤에 [n](n=index)을 입력해서 접근한다. 가장 앞에 있는 요소는 0부터 시작된다. 

배열의 마지막 요소를 선택할 때는 length-1을 사용하면 마지막 요소를 불러올 수 있다.

 

(배열 요소 추가하기)

기존 상수로 배열을 만들어두고 배열을 수정할 필요가 있을 때에는 push() 메소드를 사용한다. 이건 배열 뒷부분에 요소를 추가할 때 사용된다. 혹은 인덱스를 사용해 배열 뒷부분에 요소를 추가할 수도 있다.

 

(배열 요소 제거하기)

배열에서 잘 못 추가한 요소를 제거하는 방법에는 인덱스를 기반으로 제거하거나 값을 기반으로 제거하는 경우가 있다. 인덱스로 제거할 때는 splice() 메소드를 사용한다. splice() 메소드는 단순 제거뿐만 아니라 중간 다른 요소를 넣고 붙일 수도 있다. 

array.splice(index, 제거할 요소 개수)

 

값을 기반으로 제거할때는 배열 내부 특정 값의 위치를 찾는 indexOf() 메소드를 사용한 후 splice() 메소드를 사용해서 제거한다.

const index = array.indexOf(element)
array.splice(index, 1)

 

위처럼 배열 내부 요소 하나만 제거가 아니라 내부에서 특정 값을 가진 요소를 모두 제거하고 싶을때는 filter() 메소드를 사용할 수 있다.

 

(배열 특정위치에 요소 추가하기)

splice() 메소드를 활용하면 특정 위치에 요소 추가도 가능하다. 그럴 때는 배열.splice(인덱스, 0, 요소) 형식을 이용한다.

 

자바스크립트는 자료 처리를 위해 다양한 자료 처리 연산자, 함수 등을 제공하는데 비파괴적 처리와 파괴적 처리로 구분한다. 처리 후 원본 상태 변화가 있으면 파괴적 처리이고, 처리 후 원본 내용이 변경되지 않으면 비파괴적 처리라고 한다.

 

반복문

(1) for in 반복문

배열과 함께 사용하는 반복문은 for in 반복문이다. 배열 요소 하나하나를 꺼내서 특정 문장을 실행할 때 사용한다.

 

(2) for of 반복문

for in 반복문은 반복 변수에 인덱스가 들어간다면 한번에 처리할 수 있게 하는 게 for of 반복문이다.

 

(3) for 반복문

기본형태로, 일반적으로 특정 횟수만큼 반복하고 싶을 때 사용한다.

 

(4) while 반복문

while은 if 조건문과 형태가 비슷한 반복문이다. 불 표현식이 true이면 속 문장을 실행한다. 그렇다 보면 조건을 거짓으로 만들 수 있는 내용의 문장이 포함되어 있지 않다면 무한 루프에 빠질 수 있다.

혹은 break 키워드를 사용해서 무한 루프를 벗어날 수도 있다.

while(true){
	
} break

 

continue 키워드는 반복문 안의 반복 작업을 멈추고 처음으로 돌아가 다음 반복 작업을 진행할 수 있게 해주는 키워드이다.

 

그리고 중첩 반복문을 이용할수도 있는데 흔히 아는 트리 만들기가 중첩 반복문을 이용해서 만들어지는 예제이다.