JAVASCRIPT

자바스크립트 문자열 객체에 대해서 알아보자 !

Kim do hyun 2023. 4. 22. 21:34
728x90
반응형

자바스크립트 문자열 객체

at()

at() 메소드는 인덱스값을 받아, 문자열에서 해당되는 인덱스의 요소를 반환합니다.

{
    console.log("javascript reference".at("0"));    //j
    console.log("javascript reference".at("1"));    //a
    console.log("javascript reference".at("2"));    //v
    console.log("javascript reference".at("11"));   //r
    console.log("javascript reference".at("12"));   //e
    console.log("javascript reference".at("20"));   //undefined
    console.log("javascript reference".at("-1"));   //c
    console.log("javascript reference".at("-2"));   //e
}

형식

"문자열".at(index)

 

charAt()

String.prototype.charAt() 메소드는 문자열에서 주어진 인덱스에 해당하는 문자를 반환합니다.

{
    const str = 'hello world';
    console.log(str.charAt(0)); // 'h'
    console.log(str.charAt(1)); // 'e'
    console.log(str.charAt(6)); // 'w'
    console.log(str.charAt(11)); // 'd'
    console.log(str.charAt(12)); // '' (빈 문자열)
}

형식

"문자열".charAt(index)

 

charCodeAt()

UTF-16 코드 유닉스란 유니코드 문자 집합에서 문자에 할당된 고유한 식별자입니다.
charCodeAt() 메소드는 문자열에서 특정 인덱스에 위치한 문자의 UTF-16 코드 유닉스 값을 반환합니다.

{
    const str = 'Hello';
    const code = str.charCodeAt(0); // 'H' 문자의 UTF-16 코드 유닉스 값인 72가 반환됩니다.
    console.log(code); // 72
}

형식

"문자열".charCodeAt(index)

 

codePointAt()

String.prototype.codePointAt() 메소드는 문자열에서 지정된 인덱스에 위치한 유니코드 코드 포인트를 반환합니다.

{
    const str = 'hello world';
    console.log(str.codePointAt(0)); // 104
    console.log(str.codePointAt(6)); // 119
}

형식

"문자열".codePointAt(index)

 

concat()

concat() 메소드는 문자열을 합쳐 새로운 문자열을 반환하는 JavaScript의 문자열 메소드입니다. 이 메소드는 인자로 전달된 문자열을 호출한 문자열 뒤에 붙이는 역할을 합니다.

const newString = str.concat(string1, string2, ..., stringN);

형식

"문자열".concat("문자열")

 

localeCompare()

localeCompare() 메소드는 두 문자열을 비교하여 대소관계를 반환하는 JavaScript의 문자열 메소드입니다. 이 메소드는 현재 로케일에 따라 문자열을 비교하므로, 문자열이 다른 언어(예: 한글, 일본어, 중국어 등)로 작성되어 있을 경우에도 적절한 비교 결과를 반환할 수 있습니다.

{
    const str1 = 'apple';
    const str2 = 'banana';
    const result = str1.localeCompare(str2);

    console.log(result); // -1
}

형식

localeCompare() 메소드는 다음과 같은 형식으로 사용됩니다.

string.localeCompare(compareString[, locales[, options]])

위 형식에서 string은 비교하고자 하는 문자열을, compareString은 비교 대상이 되는 문자열을 의미합니다. locales와 options은 선택적 매개변수로, 로케일 정보와 비교 옵션을 지정할 때 사용됩니다.

 

normalize()

메소드는 Unicode Normalization Forms 중 하나를 사용하여 문자열을 정규화(normalize)합니다. 이 메소드는 문자열에서 발견된 유니코드 문자열 조합을 정규화하여 문자열을 비교하거나 검색할 때 도움이 됩니다.

{
    const str1 = 'cafe\u0301'; // "caf\u00e9"
    const str2 = 'café'; 
    const str3 = str1.normalize() + str2.normalize();
    
    console.log(str3); // "cafécafé"
}

형식

"문자열".normalize([form])

 

padEnd()

padEnd() 메소드는 문자열의 끝에 다른 문자열을 추가하여 주어진 길이에 도달하도록 만드는 메소드입니다. 만약 기존 문자열의 길이가 주어진 길이보다 작다면, 추가로 주어진 문자열을 반복하여 끝에 붙입니다.

{
    const str1 = 'Hello';
    const str2 = str1.padEnd(11, ' World');

    console.log(str2); // "Hello World"    
}

형식

"문자열".padEnd(targetLength [, padString])

 

padStart()

padStart() 메소드는 문자열의 시작 부분에 다른 문자열을 추가하여 주어진 길이에 도달하도록 만드는 메소드입니다. 만약 기존 문자열의 길이가 주어진 길이보다 작다면, 추가로 주어진 문자열을 반복하여 시작 부분에 붙입니다.

{
    const str = 'World';
    const paddedStr = str.padStart(12, 'Hello, ');

    console.log(paddedStr); // "Hello, World"    
}

형식

"문자열".padStart(targetLength [, padString])

 

repeat()

repeat() 메소드는 주어진 문자열을 반복하여 새로운 문자열을 만듭니다.

{
    const str = 'Hello ';
    const repeatedStr = str.repeat(3);
    
    console.log(repeatedStr); // "Hello Hello Hello "    
}

형식

"문자열".includes(검색값, [위치값])