JavaScript의 문자열에서 첫 번째 문자 가져오기

  1. JavaScript에서 slice()를 사용하여 문자열의 첫 번째 문자 가져오기
  2. JavaScript에서 charAt()를 사용하여 문자열의 첫 번째 문자 가져오기
  3. JavaScript에서 substring()을 사용하여 문자열의 첫 번째 문자 가져오기
  4. JavaScript에서 substr()을 사용하여 문자열의 첫 번째 문자 가져오기

문자열을 다룰 때 몇 가지 유용한 방법은 JavaScript에서 문자열의 데이터 구조로 작업하고 조작하는 데 도움이 됩니다. 이 기사에서는 기본 제공 JavaScript 메소드를 사용하여 문자열의 첫 번째 문자를 얻는 방법을 안내합니다.

JavaScript에서는 slice, charAt, substringsubstr의 네 가지 메서드를 사용할 수 있으며 원래 문자열을 변경하지 않고 새 문자열을 반환합니다.

JavaScript에서 slice()를 사용하여 문자열의 첫 번째 문자 가져오기

slice() 메서드는 JavaScript에서 제공하는 내장 메서드입니다.

이 방법은 문자열을 두 곳에서 자릅니다. 이 컷은 시작 인덱스와 끝 인덱스의 두 가지 입력을 사용하여 발생합니다.

그리고 이를 기반으로 인덱스 사이의 문자열 부분을 반환합니다. 시작 인덱스만 제공되면 마지막 문자로 돌아갑니다.

통사론:

slice(beginIndex)
slice(beginIndex, endIndex)

beginend 인덱스 내에 있는 모든 문자(시작 문자 포함 및 끝 문자 한 개 중지 포함)는 새 문자열에 삽입됩니다. 끝 인덱스는 선택적 매개변수입니다.

자세한 내용은 slice() 메서드 설명서를 참조하세요.

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.slice(0, 1);
const outputString2 = inputString.slice(4, -2);
console.log(outputString1);
console.log(outputString2);

slice(1, 8)를 호출하면 원래 문자열 inputString에서 outputString1으로 문자 W가 복사됩니다. 여기서 흥미로운 부분은 음수 인덱스를 제공할 때 입력 매개변수가 str.length + index로 간주된다는 것입니다.

위의 코드는 아래의 출력을 제공합니다.

출력:

"W"
"ome to JavaScript tutori"

JavaScript에서 charAt()를 사용하여 문자열의 첫 번째 문자 가져오기

이 메서드는 지정된 인덱스에 있는 단일 UTF-16 코드 단위를 가져옵니다. 이 메서드는 원래 문자열을 변경하거나 수정하지 않습니다.

통사론:

charAt(index)

인덱스에 있는 모든 문자는 새 문자열에 삽입됩니다. 색인이 제공되지 않으면 기본적으로 0이 고려됩니다.

자세한 내용은 charAt() 메서드 설명서를 참조하세요.

const inputString = 'Welcome to JavaScript tutorial';
const outputString1 = inputString.charAt(0);
const outputString2 = inputString.charAt(11);
console.log(outputString1);
console.log(outputString2);

charAt(0)을 호출하면 원래 문자열 inputString에서 outputString1으로 문자 W가 복사됩니다. 위의 코드는 아래의 출력을 제공합니다.

출력:

"W "
"J"

JavaScript에서 substring()을 사용하여 문자열의 첫 번째 문자 가져오기

substring() 메서드는 JavaScript에서 제공하는 내장 메서드입니다.

이 방법은 문자열을 두 곳에서 자릅니다. 이 컷은 시작 인덱스와 끝 인덱스의 두 가지 입력을 사용하여 발생합니다.

그리고 이를 기반으로 인덱스 사이의 문자열 부분을 반환합니다. 시작 인덱스만 제공되면 문자열의 끝을 반환합니다.

통사론:

substring(indexStart);
substring(indexStart, indexEnd);

startend 인덱스 내에 있는 모든 문자(시작 문자 포함 및 끝 하나의 문자 중지 포함)는 새 문자열에 삽입됩니다. 끝 인덱스는 선택 사항입니다.

자세한 내용은 substring() 메서드 설명서를 참조하세요.

substring()slice()의 유일한 차이점은 인수에 있습니다.

indexStartindexEnd보다 크면 substring 메서드는 두 인수를 바꿉니다. 문자열이 여전히 반환됨을 의미합니다.

이 경우 slice 메서드는 빈 문자열을 반환합니다. 하위 문자열 메서드는 인수 중 하나라도 음수 또는 NaN인 경우 두 인수를 0으로 처리합니다.

slice는 NaN 인수도 0으로 취급합니다. 그러나 음수 값이 전달되면 인덱스를 찾기 위해 문자열 끝에서 카운트 다운합니다.

const inputString = 'Hello World!';
const outputString = inputString.substring(0, 1);
console.log(inputString);
console.log(outputString);

substring(0, 1)을 호출하면 원래 문자열 inputString의 문자 HoutputString으로 복사됩니다. 결국 console.log() 메서드를 사용하여 두 문자열을 모두 인쇄합니다.

위의 코드는 아래의 출력을 제공합니다.

출력:

"Hello World!"
"H"

JavaScript에서 substr()을 사용하여 문자열의 첫 번째 문자 가져오기

substr() 메소드는 JavaScript에서 제공하는 내장 메소드입니다.

이 방법은 문자열을 두 곳에서 자릅니다. 이 절단은 시작 인덱스와 그 이후의 총 문자 수라는 두 가지 입력을 취함으로써 발생합니다.

그리고 이를 기반으로 인덱스와 총 숫자 사이의 문자열 부분을 반환합니다. 시작 인덱스만 제공되면 문자열의 끝을 반환합니다.

통사론:

substr(start);
substr(start, length);

start 인덱스 및 length 내에 있는 모든 문자는 새 문자열에 삽입됩니다. 여기서 길이는 선택적 매개변수입니다.

자세한 내용은 substr() 메서드 설명서를 참조하세요.

substring()substr()의 유일한 차이점은 인수에 있습니다.

substring() 메서드는 시작 및 끝 인덱스를 인수로 나타냅니다. 대조적으로 substr()은 시작 인덱스와 반환된 문자열의 문자 수를 인수로 나타냅니다.

const inputString = 'Hello World!';
const outputString1 = inputString.substr(0, 1);
const outputString2 = inputString.substr(1, 0);
console.log(inputString);
console.log(outputString1);
console.log(outputString2);

substr(0, 1)을 호출하면 원래 문자열 inputString의 문자 HoutputString1에 복사됩니다. 여기서 흥미로운 부분은 길이가 0이기 때문에 입력 매개변수를 교체해도 문자가 복사되지 않는다는 것입니다.

위의 코드는 아래의 출력을 제공합니다.

출력:

"Hello World!"
"H"
""

관련 문장 - JavaScript String

  • JavaScript에서 문자열의 마지막 문자 가져오기
  • JavaScript에서 문자열을 날짜로 변환
  • JavaScript에서 배열을 문자열로 변환