개요

문자열은 문자, 숫자, 기호, 구두점 및 이모티콘을 포함할 수 있는 텍스트를 나타내는 JavaScript의 데이터 유형입니다. 작은따옴표' 또는 큰따옴표"로 둘러싸인 0개 이상의(16비트 값) 문자로 구성됩니다.

로켓 과학이 아닙니다! 이전 소개에 대해 특별한 것은 없지만 항상 새로 고침하는 것이 좋습니다. 믿거 나 말거나, 모든 단일 JavaScript 사전 정의 방법에 대한 단서가 없는 수많은 개발자가 있습니다. 우리 대부분은 머리에 박힌 정보에 대해 "괜찮습니다"라고 느낍니다. 예를 들어, 우리 대부분은 문자열의 첫 번째 문자를 얻기 위해 str[0]와 같은 식으로 진행한다는 것을 알고 있습니다. 이 기사에서는 들어본 적이 있거나 들어보지 못한 5가지 JavaScript 메서드를 예제와 함께 다룰 것입니다.

문자열 메서드 및 속성

String은 기본 값 중 하나이므로 예를 들어 'Mask Off'는 속성이나 메서드를 가질 수 없습니다. 다행히 JavaScript는 문자열에서 호출할 여러 속성과 메서드를 정의합니다. 이러한 속성과 메서드는 점 표기법을 사용하여 액세스합니다.

Strings are immutable in JavaScript; and can be treated like read-only arrays. All string methods return a new value and they do not modify the string on which they were invoked.

예제 설정

자세한 내용을 살펴보기 전에 먼저 모든 예제를 통해 사용할 수 있는 블록을 설정해 보겠습니다.

const content = "Forem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronics typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem IpsumL";

const { length }  = content;    // 500 characters
const firstChar   = 0;          // F
const lastChar    = length - 1; // L
const midContent  = length / 2; // e
const outOfRange  = length * 2; // ""

charAt() 메서드

charAt() 메서드는 지정된 인덱스에 있는 문자를 반환하거나 인덱스가 범위를 벗어난 경우 빈 문자열을 반환합니다. index-param이 제공되지 않으면 기본값은 0입니다.

/**
 * @param  {number} ranges from 0 to the length of the string -1
 * @return {string}
 */
string.charAt(index)

charAt() 예제

content.charAt() // "F"
content.charAt(firstChar)  // "F"
content.charAt(lastChar)   // "L"
content.charAt(midContent) // "e"
content.charAt(outOfRange) // ""

startWith() 메서드

startsWith() 메서드는 문자열이 지정된 문자열의 문자로 시작하는지 여부를 결정합니다.

/**
 * @param  {string} string to search for
 * @param  {number} optional - index, defaults to 0
 * @return {boolean}
 */
string.startsWith(string, position)

The startsWith() method is case sensitive.

시작합니다() 예제

content.startsWith('F') // true
content.startsWith('f') // false
content.startsWith('e', midContent) // true

endWith() 메서드

endsWith() 메서드는 문자열이 지정된 문자열의 문자로 끝나는지 여부를 결정합니다. 그렇지 않으면 반환됩니다false.

endWith() 예제

content.endsWith('L', lastChar) // true
content.endsWith('l', lastChar) // false

include() 메서드

includes() 메서드를 사용하면 문자열에 다른 문자열이 포함되어 있는지 여부를 확인할 수 있으며 Boolean를 반환합니다.

/**
 * @param  {string} string to search for
 * @param  {number} optional - index, defaults to 0
 * @return {boolean}
 */
string.includes(string, position)

포함() 예

content.includes('Ipsum') // true
content.includes('1960s') // true
content.includes('Hello from outside') // false

repeat() 메서드

repeat() 메서드는 함께 연결되어 호출된 문자열의 지정된 수의 복사본으로 새 문자열을 구성하고 반환합니다.

/**
 * @param  {number} - indicating the number of times to repeat
 * @return {string}
 */
string.repeat(count)

repeat count must be: non-negative, less than infinity and not overflow maximum string size.

반복() 예제

"**".repeat(3)  // "******"
"😺".repeat(3)  // "😺😺😺"

요약하면; 위에서 언급한 방법은 다른 접근 방식으로 구현될 수 있으며 성능에 해로울 수 있거나 가장 빠른 선택입니다! 결국 결과는 귀하의 필요에 따라 달라집니다.

사용 가능한 모든 속성 및 방법에 대한 자세한 내용은
전체JavaScript String Reference를 읽는 것이 좋습니다.