[TIL/JavaScript] 2023/01/13

1. 배열(1)

배열이란 JS에서 같은 타입의 데이터들을 하나의 변수에 할당하여 관리하기 위해 사용하는 데이터 타입이라고 할 수 있다. 배열을 선언하는 방식에는 다음과 같이 두 가지가 있다.

방법1의 경우 클래스를 활용하여 객체를 만드는 것과 동일한 형태를 띄고 있다.

방법2는 대괄호 안에 배열로 저장할 데이터를 단순히 나열하는 방식을 취하고 있다.

직관적으로 봤을 때, 방법2가 훨씬 간단하기에 일반적으로 더 많이 사용한다고 한다.

배열 내부에 있는 각각의 데이터를 우리는 '요소'라고 부른다. 객체의 경우 '속성명'을 통해 해당 데이터에 쉽게 접근할 수 있었듯이, 배열에서는 'index'를 통해 해당 데이터에 쉽게 접근할 수 있다.

인덱스는 배열 안의 데이터들이 자리잡은 순서라고 할 수 있다. 특이점은, 인덱스가 '0'부터 시작한다는 것에 있다.

위 스크린샷에서 데이터의 수는 고작 7개이다. 데이터가 무수히 많을 경우에는 데이터의 개수를 카운팅하는 것이 매우 어려울 것이다. 이 때 사용하는 것이 바로 'length'라는 속성이다. length 속성을 이용하면 데이터의 '수'가 출력되고, 이를 응용하여 배열의 마지막 요소를 출력하는 등의 편리함을 취할 수 있게 된다.

2. 배열(2)

배열을 선언한 뒤, 새로운 요소를 더하거나 기존의 요소를 제거해야 할 상황 역시 분명히 생길 것이다. 이 때 사용하는 메소드(method)가 바로 'push'와 'pop'이다.

추가적으로 배열 각각의 요소를 출력하기 위해 index를 사용했는데, 반복문을 사용하면 조금 더 간결하게 코드를 구성할 수 있게 된다.

'i'라는 변수를 'begin'에 선언했고, i가 'rainbowColors' 전체 length보다 작을 때까지 1씩 더하면서 반복하는 과정을 다음과 같이 작성했다.

배열과 함께 자주 쓰이는 간단한 형식의 for문도 있다.

퀴즈) 열 개의 상품 가격 데이터를 갖고 있는 배열을 만들어보자. 그리고 반복문을 활용하여 상품들의 가격 합계와 평균을 구해보자.

회고

마지막 퀴즈를 풀며 머리가 띵 했다. 어려워서가 아니다. 다 배운 개념인데 코드로서 구현해내지 못하는 상황이 답답했다. ~~학창시절 수학문제를 풀 때의 기분...~~ 멈추지 말자.멈추지 말자. 몸도 마음도 피곤한 금요일, 어찌됐건 수고했다 나 자신!