[javascript] 배열, 문자열 자르기

목차

---

배열 슬라이싱

배열에서 일부 요소를 추출하거나 새로운 배열을 생성할 때, slice() 메서드를 사용할 수 있다.

// 원본 배열
const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];

// 인덱스 1부터 3까지의 요소를 추출하여 새로운 배열 생성
const slicedFruits = fruits.slice(1, 4);
console.log(slicedFruits); // ['banana', 'orange', 'grape']

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

 

slice() 메서드는 첫 번째 매개변수로 시작 인덱스를, 두 번째 매개변수로 끝 인덱스를 전달받는다. 시작 인덱스는 포함되고, 끝 인덱스는 포함되지 않는 범위로 요소들이 추출된다. 만약 매개변수를 생략하면, 배열 전체를 복사하여 새로운 배열을 생성한다.

 

---

문자열 자르기

문자열에서 원하는 부분만 추출하거나, 문자열을 분리할 때는 slice() 메서드나 substring() 메서드를 사용할 수 있다.

const sentence = 'Hello, how are you?';

// 인덱스 7부터 10까지의 문자열 추출
const slicedSentence = sentence.slice(7, 11);
console.log(slicedSentence); // 'how'

// 인덱스 7부터 끝까지의 문자열 추출
const restOfSentence = sentence.slice(7);
console.log(restOfSentence); // 'how are you?'

// 인덱스 7부터 10까지의 문자열 추출 (substring 메서드 사용)
const subStringSentence = sentence.substring(7, 11);
console.log(subStringSentence); // 'how'

// 인덱스 7부터 10까지의 문자열 추출 (substr 메서드 사용)
const subStrSentence = sentence.substr(7, 4);
console.log(subStrSentence); // 'how'

 

slice() 메서드와 substring() 메서드는 사용법이 똑같으며, 시작 인덱스와 끝 인덱스를 기준으로 문자열을 자른다. 반면에 substr() 메서드는 첫 번째 매개변수로 시작 인덱스를, 두 번째 매개변수로 추출할 문자열의 길이를 전달받는다.