저장을 습관화

자바스크립트 slice(), splice() 함수 본문

공부/JavaScript

자바스크립트 slice(), splice() 함수

ctrs 2023. 9. 9. 17:02

1. slice(start, end) 

문자열을 자르는데 사용하는 slice는 배열에도 사용할 수 있다

 

start와 end의 인덱스를 지정하여 사용하며

배열의 일부를 추출하여 새로운 배열을 반환한다.

원본 배열은 변경되지 않는다.

 

예시)

const fruits = ["apple", "banana", "cherry", "date", "fig"];

const slicedFruits = fruits.slice(1, 3); // 인덱스 1부터 3 앞까지의 요소를 추출

console.log(slicedFruits); // ["banana", "cherry"]

console.log(fruits); // [ 'apple', 'banana', 'cherry', 'date', 'fig' ]
// 원본 배열은 변경되지 않음

 

2. splice(start, n) 

splice: (밧줄의 두 끝을 함께 꼬아서) 잇다, 붙이다.

 

start의 인덱스를 지정하고, n개의 요소를 제거한다.

 

배열에서 요소를 추가하거나 제거하여 배열을 수정하는데 쓰인다.

splice를 적용하면 원본 배열의 내용이 변경된다.

 

예시)

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

const after = numbers.splice(3, 2); // 인덱스 3부터 2개 요소를 제외하여 변수 after에 할당한다.

console.log(after); // [ 4, 5 ]

console.log(numbers); // [ 1, 2, 3 ] 배열의 내용이 바뀌었다.

 

혹은 splice(start, n, (추가하고 싶은 요소)) 를 넣어 배열을 수정할 수도 있다.

예시)

const numbers = ["a", "b", "c", 4, 5];

numbers.splice(0, 3, 0, 1, 2, 3); // 인덱스 0부터 3개의 요소를 제거하고, 그 자리에 0, 1, 2, 3을 추가한다.

console.log(numbers); // [ 0, 1, 2, 3, 4, 5 ]

 

 

[참조]

https://ctrs.tistory.com/216

 

프로그래머스 LV.0 최댓값 만들기(1)

프로그래머스 LV.0 최댓값 만들기(1) https://school.programmers.co.kr/learn/courses/30/lessons/120847 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을

ctrs.tistory.com