[바닐라 JS로 크롬 앱 만들기] # 2.5 Array

Gata·2023년 11월 10일
post-thumbnail

Array

  • array는 하나의 variable 안에 데이터의 list를 가지는 것이다.
  • 시작과 끝에 대괄호 [ ]를 사용한다.
  • array 안의 각각의 항목은 쉼표(,)로 구분한다.
  • array 안에 number, string, boolean, null, undefined 등 아무거나 넣어도 된다.
const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

console.log(daysOfWeek)

array에서 요소 찾기

console.log(daysOfWeek[4]);
//fri

다른 예시

const toBuy = ["potato", "tomato", "pizza"];
console.log(toBuy[2]); //pizza
toBuy.push("kimbab");
console.log(toBuy[3]); //kimbab
console.log(toBuy[1254]); //undefined

없는 값은 'undefined'이라고 뜬다.

array에 요소 추가하기

daysOfWeek.push("sun");

array를 박스라고 치면, 박스 안의 내용물을 추가하거나 삭제할 수 있다.

예를 들어 아래와 같이 daysOfWeek을 선언한 후에,

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

"sun"이라는 요소를 array에 추가할 수 있지만 (혹은 기존 요소를 삭제할 수도 있다)
배열의 내용을 변경하는 것은 가능하다.

daysOfWeek.push("sun");

하지만 아래와 같이 수정하는 건 불가능하다. dayOfWeek 배열 자체를 재할당하려고 하면 오류가 발생한다.

daysOfWeek = ["hi];

잠깐✋🏻

저번 시간에 cons로 variable을 선언하면 내용물이 변하지 않는다고 했다.

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

하지만 여기서 어떻게 daysOfWeek.push("sun"); 을 써서 내용물을 추가할 수 있었을까?

JavaScript에서 'const' 키워드는 변수를 상수로 선언하는 데 사용된다. 즉, 'const'로 선언된 변수는 재할당 할 수 없다. 하지만 'const'로 선언된 변수가 배열이나 객체일 때는 그 내부의 요소를 변경하거나 추가할 수 있다.

const가 변수 자체의 재할당은 막지만, 변수에 할당된 배열이나 객체의 내용을 변경하는 것은 허용하기 때문이다.

profile
개발은 즐거워🪇

0개의 댓글