개발/JavaScript, TypeScript

배열 조작

꾸럭 2021. 4. 22. 23:39
// 한가지 값으로 배열 채우기
const ary = Array(NUMBER).fill(VALUE);

// 뒤에 붙이기
ary.push(ELEMENT);

// 앞에 붙이기
ary.unshift(ELEMENT);

// 뒤에 삭제
const value = ary.pop(); // ary에서는 뒷값이 삭제되고, value에는 삭제된 값이 들어옴

// 앞에 삭제
const value = ary.shift(); // ary에서는 앞값이 삭제되고, value에는 삭제된 값이 들어옴

// 복제 => ary 배열은 변화 없음
const newAry = ary.slice(); // ary를 그대로 복제한 것이 newAry에 반환
const newAry = ary.slice(0, 3); // => index 0 부터 index 2까지 반환 => 길이 3개의 배열
const newAry = ary.slice(3, 7); // => index 3부터 index 6까지 반환 => 길이 4개의 배열
const newAry = ary.slice(5); // => index 5부터 끝까지 반환

// 범위 삭제
const newAry = ary.splice(1, 3); // index 1부터 index 3까지 삭제
console.log(ary); // index 1부터 index 3까지 총 3개 엘리먼트가 삭제된 배열
console.log(newAry); // index 1부터 index 3까지의 총 3개 엘리먼트 배열

// **** slice와 splice의 두번째 인자는 역할이 다름!!! ****
728x90

'개발 > JavaScript, TypeScript' 카테고리의 다른 글

tsc, tsc-watch 활용법  (0) 2021.04.26
랜덤  (0) 2021.04.25
TypeScript 환경 설정 - tsc, tsc-watch 설치  (0) 2021.04.23
Math 관련 메소드  (0) 2021.04.23
배열 정렬  (0) 2021.04.22