<JavaScript> 배열(Array)을 사용한 데이터 저장

배열: 여러 값들을 한 번에 다루자

안녕하세요! 오늘은 자바스크립트에서 굉장히 중요한 개념인 배열에 대해서 알아보겠습니다.

배열은 여러 값을 한 번에 다뤄야 할 때 도움을 줍니다.

 

배열 만들기

 

배열은 대괄호([]) 안에 값들을 콤마(,)로 구분해서 넣어 만듭니다.

let fruits = ["사과", "바나나", "딸기"];

꼭 문자열뿐만 아니라 다양한 값들이 배열에 들어갈 수 있어요.

let manyThings = [42, "고양이", true, null];

뭐든지 들어갈 수 있답니다.

 

배열 요소 접근하기: 내가 원하는 값 찾기

 

배열의 요소에 접근하려면 대괄호([]) 안에 인덱스를 넣어요. 인덱스는 0부터 시작한다는 걸 기억하세요!

let animals = ["강아지", "고양이", "토끼"];

console.log(animals[0]); // 결과: "강아지"
console.log(animals[2]); // 결과: "토끼"

배열 요소를 변경할 때도 마찬가지로 인덱스를 사용하면 됩니다.

animals[1] = "길고양이";
console.log(animals); // 결과: ["강아지", "길고양이", "토끼"]

 

배열 길이 구하기: 몇 개나 들어있을까?

 

배열의 길이를 알려주는 length 속성이 있어요.

let numbers = [1, 2, 3, 4, 5];
console.log(numbers.length); // 결과: 5

길이를 활용하면 배열에 있는 값을 편하게 다룰 수 있어요. 예컨대 for문과 함께 쓴다던가!

for (let i = 0; i < animals.length; i++) {
  console.log(animals[i]);
}

 

배열에 값 추가하기와 빼기: 꽉 찼어요?

 

배열에 값 추가나 삭제할 때는 다음 매서드를 사용하면 돼요.

• push: 배열 끝에 값을 추가합니다.
• pop: 배열 끝 값을 삭제하고, 그 값을 반환합니다.
• unshift: 배열 시작에 값을 추가합니다.
• shift: 배열 시작 값을 삭제하고, 그 값을 반환합니다.

 

얘네들을 아래처럼 씁니다.

 

let pocket = [];
pocket.push("지갑");
pocket.unshift("휴대폰");

console.log(pocket); // 결과: ["휴대폰", "지갑"]

let subtract = pocket.pop();
console.log(subtract); // 결과: "지갑"
console.log(pocket); // 결과: ["휴대폰"]

이상으로 자바스크립트 배열에 대해 배워봤습니다.

앞으로 배열을 이용해 다양한 문제를 해결하는데 도움이 되기를 바랍니다.

감사합니다.