[JavaScript-30] 배열(array)의 기초(인덱싱, 요소 수정 & 추가, length)

[1] 배열이란?

배열은 대괄호 속에 요소들을 콤마로 구분해 나열한 것입니다!

코드로 보시죠

 

let arr = ['Austria', 'Hungary', 'Germany']

이렇게, 대괄호 속에 여러 값을 묶어둔 것을 배열이라 부릅니다!

 

[2] 인덱싱

let arr = ['Austria', 'Hungary', 'Germany']

//indexing
console.log(arr[0]) //Austria

배열의 각 요소를 element라고 하는데요, 각 요소들은 인덱스라는 번호를 부여받습니다.

각 요소가 해당 배열 내에서 몇 번째에 위치하고 있느냐를 말해주는 숫자입니다. 

 

한 가지 주의해야 할 점은, 인덱스의 시작은 1이 아니라 0이라는 사실입니다!

따라서, 배열의 첫 요소에 접근하고 싶다면, 인덱스 번호를 0으로 하여, 배열이름[인덱스번호] 형태로 접근해주시면 됩니다!

 

[3] length메소드-배열 요소 개수 확인

let arr = ['Austria', 'Hungary', 'Germany'];
console.log(arr.length); //3

length메소드를 쓰면, 요소의 개수를 반환해줍니다!

 

[4] 배열에 새로운 값 추가/ 수정 by인덱스로 접근

let arr = ['Austria', 'Hungary', 'Germany'];

//추가-없는 인덱스 번호로 접근해 값 할당
arr[3] = 'France';
console.log(arr.length); //4

//수정 - 있는 인덱스로 접근해 값 재할당
arr[0] = 'Turkey';
console.log(arr); // ['Turkey', 'Hungary', 'Germany', 'France']

인덱스 번호로 접근해 값을 할당해주면, 배열에 새로운 값을 추가하거나 수정할 수 있습니다!

만약, 다음 index가 4여야 하는데, 한 번에 10으로 건너 뛰면? 

에러는 나지 않아요. 빈 칸에는 undefined가 자동으로 채워지게 됩니다!