Typescript & Angular 패스트캠퍼스 강의 7일차

Typescript & Angular 패스트캠퍼스 강의 7일차

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"

from http://ek12mv2.tistory.com/165 by ccl(A) rewrite - 2021-08-29 01:00:52