[Javascript] 문자열 자르기 메서드 정리

😂 들어가며

코딩테스트 대비를 위해 프로그래머스의 Lv.2 괄호 회전하기를 푸는 중이었다. 전형적인 스택 자료구조를 이용하는 문제라 비슷한 유형의 문제를 풀어본 경험이 있어서 수월하게 코드를 작성하고 채점을 하는데 TypeError: doubledS.splice is not a function의 오류가 발생했다. string에는 splice 메서드가 없는데 배열과 착각했던 것이다.

그래서 splice를 slice로 바꾸어 주었는데, 이번에는 테스트를 통과하지 못한 문항이 존재했다. 아무리 생각해도 알고리즘 상 틀린 부분이 없는데 왜 그러는거지 생각하다가 자른 문자열을 console.log를 이용해 확인해 보았더니 내가 원하던 형태로 잘리지가 않아 있었다. 내가 원했던 형태는 문자열을 index로 부터 length만큼 자르는거였는데, String.slice()의 2번째 인자는 length가 아니라 indexEnd였기 때문이다.

결국 Array.splice()와 비슷한 기능을 하는 String의 메서드가 뭐였는지 기억이 나지 않아 검색을 통해 내가 원했던 메서드는 String.substr() 임을 알고 수정해 문제를 해결했다.

평소 배열 자료구조만을 거의 활용하다 보니 문자열의 메서드들에 대해서 잊어버린 것 같다. 문자열을 다루는 문제들도 자주 나오는데 또 잊어버리면 안되니 이번 기회에 정리해보자고 결심했다.

나의 괄호 회전하기 풀이

function solution(s) {
	const pair = {
		'(': ')',
		'[': ']',
		'{': '}',
	};

	const getIsCorrectArray = (string) => {
		const stack = [];
		for (let i = 0; i < string.length; i++) {
			if (stack.length === 0) stack.push(string[i]);
			else if (string[i] === pair[stack[stack.length - 1]]) stack.pop();
			else stack.push(string[i]);
		}
		return stack.length === 0;
	};

	const doubledS = s + s;
	let correctString = 0;
	for (let i = 0; i < s.length; i++) {
		if (getIsCorrectArray(doubledS.splice(i, s.length))) correctString++;
	}

	return correctString;
}

문자열 자르기

자바스크립트에서 문자열을 자르기 위해서는 substr(), substring(), slice() 메서드를 사용하면 된다. 세 가지의 함수 중 상황에 맞는 적절한 함수를 사용하면 되는데 각 메서드에 대해 알아보자.

substr(): 특정 index에서 원하는 길이만큼 잘라서 문자열로 리턴

문법

str.substr(start[, length])

매개변수

• start

  • 추출하고자 하는 문자들의 시작위치입니다. 만약 음수가 주어진다면, 문자열총길이 + start의 값으로 취급합니다. 예를 들면, start에 -3을 설정하면, 자동적으로 문자열총길이 - 3으로 설정하게 됩니다.

• length

  • 옵션값. 추출할 문자들의 총 숫자.

substring(): 시작 index에서 끝 index전까지 문자열 잘라서 리턴

문법

str.substring(indexStart[, indexEnd])

매개변수

• indexStart

  • 반환문자열의 시작 인덱스

• indexEnd

  • 옵션. 반환문자열의 마지막 인덱스 (포함하지 않음.)

특징

• 만약 indexEnd 가 생략된 경우, substring() 문자열의 끝까지 모든 문자를 추출
• 만약 indexStart 가 indexEnd와 같을 경우, substring() 빈 문자열을 반환
• 만약 indexStart 가 indexEnd보다 큰 경우, substring() 메서드는 마치 두 개의 인자를 바꾼 듯 작동

slice(): substring과 비슷하지만 살짝 다른 메서드

문법

str.slice(beginIndex[, endIndex])

매개변수

• beginIndex

  • 반환문자열의 시작 인덱스

• endIndex

  • 옵션. 반환문자열의 마지막 인덱스 (포함하지 않음.)

특징

• 인자로 음수가 전달되었을 때, substring()은 빈 문자열을 리턴하지만 slice()는 음수 Index를 적용하여 문자열을 잘라줌.

😅 없어질 메서드??

substr() 메서드에 대해 정확히 알아보기 위해 MDN에 검색을 하는 중에 다음과 같은 경고가 달려있었다.

경고: 엄밀히 말해서 String.prototype.substr() 메서드가 더 이상 사용되지 않는, 즉 “웹 표준에서 제거된” 건 아닙니다. 그러나 substr()이 포함된 ECMA-262 표준의 부록 B는 다음과 같이 명시하고 있습니다.> … 본 부록이 포함한 모든 언어 기능과 행동은 하나 이상의 바람직하지 않은 특징을 갖고 있으며 사용처가 없어질 경우 명세에서 제거될 것입니다. …

아니 그러면 length로 자르기 위해서는 어떻게 하라는거지? 생각했는데 str.slice()나 str.substr()의 메서드의 인자를 잘 이해하고 맞추어서 사용해야 하는 것 같다. 그래도 기본적으로 원하는 length만큼 자르기 위해선 str.slice(beginIndex, beginIndex + length)로 하면 될 것 같다.(사실 이번 문제도 이렇게 하면 됐을텐데 시야가 너무 좁았던것 같다. 더 많은 문제를 풀어보면 괜찮아지려나..?)

참고

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice