[JavaScript] 자바스크립트 배열

JavaScript

배열(Array)

자바스크립트에서 배열을 이름과 인덱스로 참조되는 정렬된 값의 집합입니다. 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 합니다.

 

배열을 만드는 방법 1

 

배열 선언

let 배열이름;

 

배열의 초기화

배열이름 = [요소1, 요소2, 요소3 ...]; 

  // 참조 변수라고도 불린다. heap에 저장되어있는 요소들의 주소지를 불러와 참조하기 때문이다.

heap저장소는 이 포스팅을 참고하자 (https://meanbymin.tistory.com/32) 포스팅 마지막에 적어놓았다.

let arr;
arr = [100, 200, 300, 400]; 
arr[0] = 100
arr[1] = 200

 

배열을 만드는 방법 2

let 배열이름 = new Array(요소1, 요소2, 요소3 ...);

 

 

자바스크립트 배열의 특징

 

1. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 다를 수 있습니다.

let arr = [1, 2, 1.5, "김사과", true]; //숫자, 정수, 실수, 문자, 불리언 타입이 다양하게 들어갈 수 있음

 

2. 배열 요소의 인덱스가 연속적이지 않아도 되며, 특정 배열 요소가 비어 있을 수 있습니다.

let arr;
arr[0] = 1;
arr[3] = 5;
arr[5] = 10;

 

3. 자바스크립트의 배열은 Array 객체로 다뤄진다. Array는 기본 메서드를 가지고 있다.

let arr = ['김사과', 20, 160.5, true];
console.log(arr[0]);	//김사과
console.log(arr[3]);	//true
console.log(arr[5]);	//undefined

for(let i=0; i<=3; i++){
    console.log(arr[i]);	//김사과, 20, 160.5. true 출력
}

// arr.length(4)	.length는 배열이 가지고있는 요소의 갯수를 알려준다.
for(let i=0; i<arr.length; i++){
    console.log(arr[i]);
}

// index 출력			요소의 갯수를 파악하고 인덱스로 표출한다. 인덱스는 0부터 시작한다.
for(let i in arr){  // '김사과', 20, 160.5, true
    console.log(i);		//0, 1, 2, 3
}

// value 출력			입력한 값이 출력된다.
for(let i of arr){ // '김사과', 20, 160.5, true
    console.log(i);
}

arr.forEach(function(i){    // callback 함수
    console.log(i);
})   

 

*Array 객체의 메소드

push() : 배열의 요소를 추가합니다.
pop() : 배열의 마지막 주소에 있는 값을 제거합니다.
shift() : 배열의 첫 번째 주소에 있는 값을 제거합니다.
concat() : 두 개의 배열을 합쳐줍니다.
join() : 배열 요소 사이에 원하는 문자를 삽입합니다.
reverse() : 배열을 역순으로 재배치합니다.
sort() : 배열을 오름차순으로 정렬합니다.
unshift() : 배열의 첫번째 주소에 값을 추가해줍니다.

 

pop()과 push() 메서드를 사용하면 배열을 스택(stack)이라는 데이터 구조처럼 사용할 수 있으며,
shift()와 push() 메서드를 사용하면 배열을 큐(queue)라는 데이터 구조처럼 사용할 수 있습니다.