[Javascript] 배열(isArray, from, push, pop, ...)

ㅁ 배열 판별

Array.isArray(): 주어진 인자가 배열인지 판별, 배열이면 true, 배열이 아니라면 false 반환

*객체를 생성하지 않고도 사용할 수 있는 메소드(정적 메소드)의 한 종류

const arr = ['hi', 'bae'];
const str = 'hi bae';
const num = 3;

console.log(Array.isArray(arr));	//true
console.log(Array.isArray(str));	//false
console.log(Array.isArray(num));	//false

 

ㅁ 배열 생성

Array.from(): 반복 가능한 객체 또는 유사 배열 객체를 복사해 새로운 배열 객체를 반환

* 두번째 인자에 선택적으로 매핑할 함수를 지정할 수 있음

const arr = [1, 2, 3];

function plusOne(num){
	return num + 1;
}

const newArr = Array.from(arr, plusOne);

console.log(arr);		// [1, 2, 3] 출력
console.log(newArr);	// [2, 3, 4] 출력

 

ㅁ 배열 요소 조작

push(): 배열의 끝에 하나 이상의 요소를 추가, 변경된 배열의 길이를 반환

const arr = [1, 2, 3];
console.log(arr);	// [1, 2, 3] 출력

arr.push(4, 5, 6);
console.log(arr);	// [1, 2, 3, 4, 5, 6] 출력

 

pop(): 배열의 끝에서 하나의 요소를 제거하고, 해당 요소를 반환

const arr = [1, 2, 3];
console.log(arr);	// [1, 2, 3] 출력

console.log(arr.pop());	// 3 출력
console.log(arr.pop());	// 2 출력
console.log(arr);	// [1] 출력

 

unshift(): 배열의 앞쪽에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환

const arr = [1, 2, 3];
console.log(arr);	//[1, 2, 3] 출력

arr.unshift(4, 5, 6);
console.log(arr);	//[4, 5, 6, 1, 2, 3] 출력

 

shift(): 배열의 첫번째 요소를 제거하고, 제거한 요소를 반환

const arr = [1, 2, 3];
console.log(arr);	// [1, 2, 3] 출력

console.log(arr.shift());	// 1 출력
console.log(arr.shift());	// 2 출력
console.log(arr);			// [3] 출력