[JavaScript] 배열(Array)

📝배열(Array)

배열 객체를 생성하고 초기화하려면 [] 또는 Array() 생성자를 사용하는 것이 일반적

 

✏️new Array()

var arr = new Array(); // 빈 배열
var arr = new Array(10); // 길이가 10인 배열
var arr = new Array(1, 2, 3); // 1, 2, 3으로 초기화된 배열

 

✏️리터럴[]

var arr = []; // 빈 배열
var arr = [1, 2, 3]; // 1, 2, 3으로 초기화된 배열

 

배열 인덱싱

var myWeek = ['월', '화', '수', '목', '금', '토', '일']
console.log(myWeek[0])
// 월
console.log(myWeek[6])
// 일

 

아래처럼 특정 인덱스를 지정해서 배열 값을 추가할 수 있는데,

인덱스 6까지의 배열에 인덱스 8에 값을 추가하면 인덱스 7은 자동으로 빈 아이템으로 생성된다 

var myWeek = ['월', '화', '수', '목', '금', '토', '일']
myWeek[8] = ['new']
// '월', '화', '수', '목', '금', '토', '일', <1 empty item>, [ 'new' ]

 

배열 끝에 값을 추가하는 push()

var arr = []; // 빈 배열 생성
arr.push(1); // 값 추가
arr.push(2);
console.log(arr);
// [1, 2]

// 인덱스를 이용하여 값을 할당하는 것도 가능
var arr = []; // 빈 배열 생성
arr[0] = 1; // 인덱스 0에 값 추가
arr[1] = 2; // 인덱스 1에 값 추가
console.log(arr);
// [1, 2]

 

배열 맨 앞에 값을 추가하는 unshift()

var arr = []; // 빈 배열 생성
arr.unshift(1); // 배열 맨 앞에 값 추가
arr.unshift(2);
console.log(arr);
// [2, 1]

 

배열을 합쳐서 새로운 배열을 반환하는 concat()

var arr1 = [2, 4, 5]; // 빈 배열 생성
var arr2 = [1, 2]; // 값이 들어있는 배열 생성
var arr3 = arr1.concat(arr2); // 두 배열 합치기
console.log(arr3);
// [2, 4, 5, 1, 2]

 

배열의 길이를 구하는 length

var arr = [1, 2, 3];
console.log(arr.length);
// 3

 

배열을 정렬하는 sort()

var arr = [3, 1, 2];
arr.sort();
// [ 1, 2, 3 ]

 

배열의 모든 요소를 문자열로 변환하여 하나의 문자열로 반환하는 join(), toString()

join()은 요소와 요소 사이에 구분자(separator)를 지정할 수 있다. 구분자를 지정하지 않으면 쉼표(,)가 기본값으로 사용

toString()은 구분자를 지정할 수 없다. 항상 쉼표(,)를 구분자로 사용

var arr = ['apple', 'banana', 'grape'];
var str = arr.join(', ');
// 'apple, banana, grape'

var arr = [1, 2, 3];
var str = arr.toString();
// '1,2,3'