[JavaScript] 배열에 대해 알아보기

* 이 글은 Udemy의 "JavaScript 완벽 가이드 : 초급 + 고급 마스터 과정" 강의를 수강한 뒤 개인 복습을 위해 정리하는 글입니다.

(섹션 2 : 43)

 

 

 

 

---

 

 

배열이란?

 

모든 데이터 종류의 목록 (숫자, 문자열, 혼합 데이터 등)

 

개인 분석 서버 등에 데이터 목록을 저장을 하고자 할 때 사용

 

 

 

배열 생성 방법

 

let 배열 이름 = [데이터(선택)];

 

 

let logEntries = [];

 

 

배열 사용 방법

 

배열의 이름으로 사용할 수 있고 배열의 요소에 접근할 때는 배열의 이름[접근할 요소의 인덱스]을 통해 할 수 있다.

 

 

logEntries.push(enteredNumber);
console.log(logEntries[0]);

 

 

배열의 요소를 출력하게 되면 그 해당 인덱스 요소만 출력하므로 배열의 값을 추가하더라도 그 해당 인덱스 요소만 출력된다.

 

 

 

 

콘솔의 모습은 다음과 같다.

 

 

 

 

 6과 7을 더하여 배열에 [6, 7] 값이 저장되더라도 인덱스 0의 요소만 출력하도록 코드를 작성하였기 때문에 6만 출력된다.

 

 

 

 

 

 

 

 

배열에 저장되는 값을 모두 출력하려면 인덱스 없이 배열 이름만 적으면 된다.

 

 

logEntries.push(enteredNumber);
console.log(logEntries);

 

 

 

 

콘솔의 모습은 다음과 같다.

 

 

 

 

7과 9를 더한 모습이다. 배열에 저장된 값이 모두 출력되는 것을 볼 수 있다.

 

 

 

 

 

 

add 함수 수정 코드

 

function add(num1, num2) {
  const enteredNumber = getUserNumberInput();
  const initialResult = currentResult;
  currentResult += enteredNumber;
  createAndWriteOutput("+", initialResult, enteredNumber);
  logEntries.push(enteredNumber);
  console.log(logEntries[0]);
}