Javascript 배열 내장함수(shift, pop, unshift, push, concat, join)

1. shift

shift만 선언해도 왼쪽부터 값이 빠집니다.

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

const value = numbers.shift();
numbers.shift();
numbers.shift();
numbers.shift();
console.log(value);
console.log(numbers);

//출력값
1
[ 5, 6, 7, 8 ]

즉, shift는 앞에서부터 원소값을 하나씩 꺼내는것을 의미합니다. 원소값이 없어질때까지 선언후에 계속 shift를 선언해도 "[ ]" 비어있는 배열을 출력합니다. 에러가 생기지 않습니다.

 

 

 

2. pop

shift랑 비슷하지만, shift와 달리 오른쪽부터 값이 빠집니다.

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

const value = numbers.pop();
numbers.pop();
numbers.pop();
numbers.pop();
console.log(value);
console.log(numbers);

//출력값
8
[ 1, 2, 3, 4 ]

 

 

 

3. unshift

왼쪽부터 값을 추가해줍니다.

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

numbers.unshift(50);
console.log(numbers);

//출력값
[ 50, 1, 2, 3, 4, 5, 6, 7, 8 ]

 

 

 

 

4. push

오른쪽부터 값을 추가해줍니다.

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

numbers.push(50);
console.log(numbers);

//출력값
[  1, 2, 3, 4, 5, 6, 7, 8, 50 ]

 

 

 

5. concat

배열을 합쳐주는 역할을 합니다. 하지만 기존의 배열값을 건들지 않습니다.

const numbers = [1,2,3,4,5,6,7,8];
const numbers2 = [9,10];

const concated = numbers.concat(numbers2);
console.log(concated);
console.log(numbers);
console.log(numbers2);

//출력값
[ 1, 2, 3, 4,  5, 6, 7, 8, 9, 10 ]
[ 1, 2, 3, 4, 5, 6, 7, 8 ]
[ 9, 10 ]

 

 

 

6. join

배열사이의 문자를 지정해줄때 사용합니다.

const array = [1,2,3,4,5];
console.log(array.join());
console.log(array.join(' '));
console.log(array.join(', '));

//출력값
1,2,3,4,5
1 2 3 4 5
1, 2, 3, 4, 5