shift/unshift & push/pop & concat & join

shift 와 unshift

- shift, unshift 함수 모두 배열의 원본이 변한다.

 

shift - 배열의 맨앞의 원소값을 추출

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

const value = numbers.shift();

console.log(value);	// 10

console.log(numbers);	// [20, 30, 40]

 

 

unshift - 배열의 맨앞에 원소값을 추가

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

numbers.unshift(0);

console.log(numbers);	// [0, 10, 20, 30, 40]

 

---

pop 과 push

- pop, push 함수 모두 배열의 원본이 변한다

 

pop - 배열의 맨뒤의 원소값을 추출

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

const value = numbers.pop();

console.log(value);	// 40

console.log(numbers);	// [10, 20, 30]

 

push - 배열의 맨뒤에 원소값을 추가

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

numbers.push(50);

console.log(numbers);	// [10, 20, 30, 40, 50]

 

---

concat

- 여러개의 배열을 하나의 배열로 합친다.

- 원본 배열의 값은 그대로 유지된다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const concated = arr1.concat(arr2);

console.log(concated);	// [1, 2, 3, 4, 5, 6]

console.log(arr1);	// [1, 2, 3]
console.log(arr2);	// [4, 5, 6]

 

- es6 방식 concat 표기법 ( spread 연산 )

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const concated = [ ...arr1, ...arr2 ];

console.log(concated);	// [1, 2, 3, 4, 5, 6]

 

---

join

- 배열안에 있는 요소를 문자열로 반환

- 구분자가 없으면 default 로 ',' 를 구분자로함

- 구분자를 지정하여 배열을 하나의 문자열로 나타낼 수 있음

 

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

console.log(numbers.join());		// "1,2,3,4,5"

console.log(numbers.join(' '));		// "1 2 3 4 5"

console.log(numbers.join(', '));	// "1, 2, 3, 4, 5"