[모던 JavaScript 튜토리얼] - [5.3] 문자형(string)

IRISH·2024년 1월 30일

JS

목록 보기

51/80

학습일 : 2024.01.30
참고 URL
- https://ko.javascript.info/string

학습 내용

자바스크립트엔 세 종류의 따옴표가 있는데, 이 중 하나인 백틱은 문자열을 여러 줄에 걸쳐 쓸 수 있게 해주고 문자열 중간에 ${…}을 사용해 표현식도 넣을 수 있다는 점이 특징입니다.
자바스크립트에선 UTF-16을 사용해 문자열을 인코딩합니다.
\n 같은 특수 문자를 사용할 수 있습니다. \u...를 사용하면 해당 문자의 유니코드를 사용해 글자를 만들 수 있습니다.
문자열 내의 글자 하나를 얻으려면 대괄호 []를 사용하세요.
부분 문자열을 얻으려면 slice나 substring을 사용하세요.
소문자로 바꾸려면 toLowerCase, 대문자로 바꾸려면 toUpperCase를 사용하세요.
indexOf를 사용하면 부분 문자열의 위치를 얻을 수 있습니다. 부분 문자열 여부만 알고 싶다면 includes/startsWith/endsWith를 사용하면 됩니다.
특정 언어에 적합한 비교 기준 사용해 문자열을 비교하려면 localeCompare를 사용하세요. 이 메서드를 사용하지 않으면 글자 코드를 기준으로 문자열이 비교됩니다.

이외에도 문자열에 쓸 수 있는 유용한 메서드 몇 가지가 있습니다.

str.trim() – 문자열 앞과 끝의 공백 문자를 다듬어 줍니다(제거함).
str.repeat(n) – 문자열을 n번 반복합니다.

복습 코딩

/* backtisks */
let guestList = `손님:
 * John
 * Pete
 * Mary
`;

console.log(guestList); // 손님 리스트를 여러 줄에 걸쳐 작성함

///////////////////////////////////////////
/* 특수 문자 */
console.log( "\u00A9" ); // ©
console.log( "\u{20331}" ); // 佫, 중국어(긴 유니코드)
console.log( "\u{1F60D}" ); // 😍, 웃는 얼굴 기호(긴 유니코드)

과제

⇒ 1번

/* str의 첫 글자를 대문자로 바꿔 반환하는 함수, ucFirst(str)를 만들어보세요. */

function ucFirst(str){
    let newName = str[0].toUpperCase() + str.slice(1);
    //console.log(newName);
    return newName;
}

//let name = "john";

console.log(ucFirst("john") == "John");

⇒ 2번

/* 스팸 문자열 걸러내기
str에 'viagra’나 'XXX’라는 문자열이 있으면 true를 반환해주는 함수 checkSpam(str)을 만들어보세요. 해당 문자열이 없으면 false를 반환하면 됩니다.
함수는 대·소문자 관계없이 해당 단어를 걸러주어야 합니다.
*/

function checkSpam(str){
    let lowerStr = str.toLowerCase();

    return lowerStr.includes('viagra') || lowerStr.includes('xxx');
}

console.log(checkSpam('buy ViAgRA now') == true);   // true
console.log(checkSpam('free xxxxx') == true);       // true
console.log(checkSpam("innocent rabbit") == false); // true

⇒ 3번

/* 
>>>>> 문자열 줄이기
str의 길이를 확인하고, 최대 길이 maxlength를 초과하는 경우 
str의 끝을 생략 부호 ("…")로 대체해주는 함수 truncate(str, maxlength)를 만들어봅시다. 새로 만든 문자열의 길이는 maxlength가 되어야 합니다.
함수의 반환 값은 원하는 길이로 줄여진 문자열이 되어야 합니다.

예시:
truncate("What I'd like to tell on this topic is:", 20) = "What I'd like to te…"
truncate("Hi everyone!", 20) = "Hi everyone!"
*/

function truncate(str, maxlength){
    // maxlength 보다 짧을 경우 -> 그대로 return
    let strLength = str.length; // str의 길이를 파악
    if (strLength <= maxlength) return str;

    // maxlength 보다 클 경우
    return str.slice(0,19) + `…`;
}

console.log(truncate("What I'd like to tell on this topic is:", 20));
console.log(truncate("Hi everyone!", 20));