배열

배열 리터럴 대괄호를 통해 배열 생성

var arr = [];
arr[0] = "zero";
arr[1] = "one";
arr[2] = "two";

 

Array() 생성자 함수를 통해 배열 생성

var arr = new Array();
arr[0] = "zero";
arr[1] = "one";
arr[2] = "two";

 

length 속성을 통해 배열 내부에 있는 요소 개수를 확인할 수 있다.

console.log(arr.length); //3
console.log(arr[arr.length - 1]); //two

 

push() 메소드를 통해 배열에 요소 추가할 수 있다.

✔️ 다른 언어와 달리 자바스크립트의 배열은 동적으로 변경할 수 있다.

console.log(arr.length); //3
arr.push('three');
console.log(arr.length); //4

 

✔️ 다른 언어와 달리 자바스크립트의 배열은 내부의 데이터 타입이 서로 다를 수 있다.

arr.push(true);
arr.push(function(){});
arr.push([100, 0]);
console.log(arr); //['zero', 'one', 'two', 'three', true, ƒ, Array(2)]

 

splice(인덱스, 제거할 요소의 개수) 메소드를 통해 인덱스를 기반으로 제거할 수 있다.

arr.splice(4, 3);
console.log(arr); //['zero', 'one', 'two', 'three']

 

Splice(인덱스, 0, 추가하고 싶은 요소) 메소드를 통해 특정 위치에 요소 추가할 수 있다.

arr.splice(0, 0, "wow"); //['wow', 'zero', 'one', 'two', 'three']

 

indexOf() 메소드를 통해 값의 위치를 찾을 수 있다.

arr.indexOf('zero'); //0

 

filter() 메소드를 통해 배열 내부의 특정 값을 가진 요소들을 모두 제거할 수 있다.

var fruit = ["사과", "귤", "수박", "망고", "사과", "배"];
fruit.filter((obj) => obj != "사과"); //['귤', '수박', '망고', '배']