Programming/혼공JS 10기.js

혼자 공부하는 자바스크립트 [3주차]

hyuckee 2023. 7. 17. 22:43
반응형

배열

배열(array)은 여러 자료를 묶어서 활용할 수 있는 자료형이다.
배열의 형식은 다음과 같다.

[ 요소, 요소, 요소, ···, 요소]

배열은 문자열과 유사하게 인덱스로 요소를 사용한다.
주의해야 할 것은 첫번째 요소의 인덱스는 0이다.

배열 요소의 개수는 배열.length로 확인할 수 있다.


배열은 const로 선언한다.
반면, push() 메소드로 뒷순서로 요소를 추가할 수 있다.
혹은 인덱스로 자리를 지정하여 요소를 추가할 수 있다.


요소를 제거할 때는 splice() 메서드를 이용해 제거한다.

splice(인덱스, 제거할 요소 개) 메서드는
인덱스 위치부터 해당 개수의 요소를 제거한다.

indexOf(요소) 메서드는 특정 값의 위치를 반환한다.
이를 이용해 요소는 알지만 위치를 모를 때에도
splice()로 요소를 제거할 수 있다.

요소가 없는 경우 -1을 반환한다.



splice()메서드는 요소를 추가하기도 한다.
splice(인덱스, 0, 요소)를 입력하면
인덱스에 해당 요소를 추가한다.


처리 방법

자바스크립트의 연산자, 함수, 메서드는 2가지 방식으로 연산을 처리한다.

(1) 비파괴적 처리
처리 후 원본 내용이 바뀌지 않는 방식이다.

원본에 영향이 없다는 것은
처리할 때마다 메모리가 쌓인다는 것이다.
이러한 특징은 자료 보호 측면에서는 필수적이다.

(2) 파괴적 처리
처리 후 원본 내용이 바뀌는 방식이다.

덮어쓰거나 사용 후 소멸되는 경우가 대표적인 예시다.
이를 통해 처리에 있어 메모리 차지가 덜하다는 장점이 있다.

배열과 같이 상당히 거대해질 수 있는 자료는
얼마나 메모리를 차지할 지 미지수다.
따라서 이러한 자료에 파괴적 처리를 사용하는 것이 일반적이다.


반복문

(1) for in 반복문
배열 요소 하나하나 꺼내서 실행할 때 사용한다.
따라서 반복 변수에는 인덱스가 들어간다.

for (const 반복 변수 in 배열) {
	문장
}


(2) for of 반복문
for in과 같이 배열 요소 하나하나 꺼내는 반복문이다.
차이는 반복 변수에 요소가 순서대로 들어간다는 것이다.

(3) for 반복문
가장 일반적인 반복문이다.
내용을 특정 횟수만큼 반복할 때 사용한다.

for (let i = 0; i < 반복 횟수; i++) {
	문장
}


(4) while 반복문
조건이 true면 무한히 반복하는 반복문이다.
만약 멈추지 않는다면 무한 루프에 빠지게 된다.

while (불 표현식) {
	문장
}


따라서 while문은 탈출구를 만들어놔야 한다.

(i) break
조건문이나 반복문을 벗어날 때 사용한다.
while (true) {} break
로 사용한다.

(ii) continue
반복문 안의 반복 작업을 멈추고
반복문의 처음으로 돌아가는 키워드다.


반복문 안에 반복문을 중첩해 사용하면
중첩 반복문이라고 부른다.

[1, 2, 3]처럼 한 겹인 배열을 1차원 배열,
[[1,2,3], [2,3,4]]처럼 두 겹인 배열을 2차원 배열이라고 한다.

n-차원 배열의 요소를 모두 확인하려면 반복문을 n번 중첩해야 한다.
또, 출력을 n-차원으로 해야 하는 경우 반복문을 n번 중첩해야 한다.

반복문은 역시 별찍기

728x90