[Javascript] 배열 내장 함수 정리(shift & pop, unshift, concat, join)

 

shift 는 첫번째 원소를 배열에서 추출한다.

shift에 대한 설명

const numbers = [10, 20, 30, 40];

const value = numbers.shift();

console.log(value);

console.log(numbers);

shift 결과 값

 

pop은 맨 마지막 원소를 배열에서 추출한다.

pop에 대한 설명

const numbers = [10, 20, 30, 40];
const value = numbers.pop();
console.log(value);
console.log(numbers);

pop 결과 값

 

unshift는 shift의 반대 개념으로 배열의 맨 앞에 새 원소를 추가한.

unshift에 대한 설명

const numbers = [10, 20, 30, 40];
numbers.unshift(5);
console.log(numbers);

unshift 결과 값

 

concat은 여러 개의 배열을 하나의 배열로 합쳐준다.

cancat은 기존 배열에는 영향을 주지 않는다.

concat에 대한 설명

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const concated = arr1.concat(arr2);

console.log(arr1);
console.log(arr2);
console.log(concated);

concat 결과 값

 

join은 배열 안의 값들을 문자열 형태로 합쳐준다.

인자 값으로 어떤 형식으로 합칠지 정할 수 있다.

concat에 대한 설명

 

const array = [1, 2, 3, 4, 5];
console.log(array.join()); // 인자 없이 1,2,3,4,5
console.log(array.join(' ')); // 인자에 공백을 주어 1 2 3 4 5
console.log(array.join(', ')); // 인자에 , 공백을 주어 1, 2, 3, 4, 5

concat 결과 값

참조 : https://learnjs.vlpt.us/basics/06-object.html