[JavaScript] 배열

1. 배열(array)

배열이란 여러개의 값을 순차적으로 나열한 자료구조이다.

사용빈도가 높기 때문에 중요하다.

 

자바스크립트에서의 배열은 일반적인 배열과 다른점이 있다.

일반적인 배열은 인덱스로 빠르게 접근이 된다. 하지만 요소를 삽입, 삭제할때의 효율은 좋지 않다.

반면, 자바스크립트에서의 배열은 해시 테이블로 구현된 객체다. 인덱스로 접근하는 경우 일반적인 배열보다 퍼포먼스가 떨어지지만 요소를 삽입, 삭제할때의 효율은 일반적인 배열보다 좋다.

 

[1] 배열선언, 할당 방법

(1) 생성자 이용

const arrNum1 = new Array(1,2,3,"호호","A");

(2) 선언과 동시에

const arrNum2 = [1,2,3,4,5,6,7,8,9];

(3) 빈배열

const arrNum3 = [];
arr Num3[0] = 1;
arr Num3[1] = 2;

const arrNum4 = [];
for (let i = 0; i < 5; i++)
{
	arrNum4[i] = i + 1;
}

[2] 배열의 다양한 메서드들

(1) push : 배열의 끝에 원하는 값을 추가한다.

arr.push(4);

(2) pop : 마지막에 있는 요소를 제거한다.

arr.pop();

(3) length : 배열의 길이 조정

arr.length = 3;

(4) shift : 첫번째 있는 요소 삭제

 arr.shift();

(5) reverse : 배열을 역순으로 뒤집는다.

arr.reverse();

(6) concat : 두개의 배열을 합친다.

arr1 = arr1.concat(arr2);

(7) indexOf : 배열에서 인수로 전달된 요소를 검색한 다음에 인덱스로 변환

배열에 인수로 전달한 요소의 중복되는 요소가 여러개가 있다면 첫번째로 검색된 요소의 인덱스를 반환한다.

검색하려는 데이터가 없으면 -1을 반환한다.

const foods = ['apple','banana','orange']

//푸드배열에 orange가 있는지 확인
if(foods.indexOf('orange')===-1){
    foods.push('orange'); //없으면 오렌지 넣어라
}

(8) includes : 값이 있는지 확인

const foods = ['apple','banana','orange']

//푸드배열에 orange가 있는지 확인
if(!foods.includes('orange')){
    foods.push('orange'); //없으면 오렌지 넣어라
}

(9) splice : 배열 중간에 데이터를 삽입 또는 삭제를 하는 경우 사용

const numArr1 = [1,2,3,1,2];
//배열에서 특정 요소를 제거하려면 indexOf메서드를 통해
//특정 요소의 인덱스를 가져오고 splice 메서드를 사용
function remove(arr,item)
{
    //제거할 item 요소의 인덱스 item요소가 여러개 있다면 첫번째 요소만 제거
    const index = arr.indexOf(item);
    //제거할 item 있다면 제거
    if(index !== -1) arr.splice(index,1);

    return arr;
}