자바스크립트 5. 배열(Array)

순서가 있는 컬렉션을 저장할 때 쓰는 자료구조인 배열에 대해서 기록해봅시다.

 

먼저 배열을 선언하는 방법을 코드를 통해 살펴봅시다.

let arr = [];
let animals = ["lion", "hippo", "panda"];

대괄호를 사용해서 선언 할당을 해주고, 대괄호 안에는 요소를 넣어 주는 것도 가능하다.

그리고 배열요소는 0부터 시작하는 인덱스가 있다. 이게 무슨말이냐? 상식적으로 lion이 첫 번째라고 생각이 들지만, 사실은 인덱스 번호로는 0번이다.

let animals = ["lion", "hippo", "panda"];

console.log(animals[0]) // "lion"
console.log(animals[1]) // "hippo"
console.log(animals[2]) // "panda"

배열에 특정 인덱스의 요소를 알고 싶으면, 배열에 대괄호를 넣고 그안에 인덱스 번호를 넣으면 알 수있다. 그리고 이런 방법으로 요소를 수정하거나, 추가 할 수 있다.

animals[1] = "penguin";
animals[3] = "rabbit";

console.log(animals); // ["lion", "penguin", "panda", "rabbit"]

그리고 배열의 길이를 확인하는 방법도 있다.

let color = ["red", "blue", "yellow"];
console.log(color.length); // 3

color배열의 index는 0부터 시작해서 2까지가 있고, 길이는 3이다. 즉 index의 가장 큰값은 길이에서 -1을 해주면 된다.

let arr = [1, "오렌지", true, {color : 'blue'}, function()];

그리고 배열에 들어가는 요소에는 제약이 없다.

 

다음은 배열의 메소드에 대해서 기록해보자!