소개
이 랩에서는 JavaScript 에서 공백 문자를 기준으로 문자열을 자르는 개념을 탐구합니다. 공백을 존중하여 문자열의 가독성을 유지하면서 문자열의 길이를 제한하는 방법을 배웁니다. String.prototype.slice() 및 String.prototype.lastIndexOf()를 구현하여, 선택적 ending(종료 문자열) 과 함께 지정된 길이로 문자열을 자르는 함수를 만들 것입니다.
이 랩에서는 JavaScript 에서 공백 문자를 기준으로 문자열을 자르는 개념을 탐구합니다. 공백을 존중하여 문자열의 가독성을 유지하면서 문자열의 길이를 제한하는 방법을 배웁니다. String.prototype.slice() 및 String.prototype.lastIndexOf()를 구현하여, 선택적 ending(종료 문자열) 과 함께 지정된 길이로 문자열을 자르는 함수를 만들 것입니다.
코딩 연습을 하려면 터미널/SSH 를 열고 node를 입력하세요.
다음은 가능한 경우 공백을 존중하면서 지정된 길이까지 문자열을 자르는 함수입니다.
const truncateStringAtWhitespace = (str, lim, ending = "...") => {
if (str.length <= lim) return str;
const lastSpace = str.slice(0, lim - ending.length + 1).lastIndexOf(" ");
return str.slice(0, lastSpace > 0 ? lastSpace : lim - ending.length) + ending;
};
이 함수를 사용하려면 자르려는 문자열을 첫 번째 인수로, 최대 길이를 두 번째 인수로, 선택적 ending string(종료 문자열) 을 세 번째 인수로 전달합니다. 문자열의 길이가 지정된 제한보다 작거나 같으면 원래 문자열이 반환됩니다. 그렇지 않으면 함수는 제한 전에 마지막 공백을 찾고 해당 지점에서 문자열을 자른 다음, 지정된 경우 ending string 을 추가합니다.
다음은 몇 가지 예입니다.
truncateStringAtWhitespace("short", 10); // 'short'
truncateStringAtWhitespace("not so short", 10); // 'not so...'
truncateStringAtWhitespace("trying a thing", 10); // 'trying...'
truncateStringAtWhitespace("javascripting", 10); // 'javascr...'
축하합니다! 공백 문자를 기준으로 문자열 자르기 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.