이 블로그는 아래 방법을 설명하여 JavaScript에서 특정 단어를 대문자로 표시하는 절차를 보여줍니다.
JavaScript에서 단어를 동적으로 대문자화하는 방법은 무엇입니까?
제공된 문자열의 첫 번째 단어만 대문자로 표시하는 데 사용할 수 있는 기본 제공 속성이나 JavaScript 메서드는 없지만 원하는 결과를 반환하도록 수정할 수 있는 몇 가지 접근 방식이 있습니다. 이러한 메서드는 해당 코드 설명과 함께 설명됩니다. 계속합시다.
방법 1: 'slice()' 방법 사용
이 방법에서 ' 즉각적인() ', 그리고 ' 대문자로() ” 방법은 “ 일부분() ” 메서드는 필요에 따라 또는 사용자가 지정한 문자열의 첫 단어 또는 일부만 대문자로 표시합니다. 아래 코드 스니펫에 표시된 대로:
< 몸 >
< h1 > Linuxhint 기사 h1 >
< h4 > 첫 단어를 대문자로 h4 >
< 버튼 클릭 = 'captalizeFirstWord()' > 시도 해봐 단추 >
< 아이디 = '표적' > 피 >
< 스크립트 >
기능 captalizeFirstWord ( ) {
데이터를 보자 = 즉각적인 ( '문자열을 입력하세요' , '존 윅' ) ;
const 워드엔드인덱스 = 즉각적인 ( '최종 범위 입력' , '5' ) ;
let firstWord = 데이터. 일부분 ( 0 , 워드엔드인덱스 ) ;
렘 = 데이터. 바꾸다 ( 첫번째 단어 , '' ) ;
만약에 ( 데이터 != 없는 ) {
문서. getElementById ( '표적' ) . innerHTML = '이제 첫 번째 단어가 대문자로 표시됩니다. ' + 첫번째 단어. 대문자로 ( ) + 렘 ;
}
}
스크립트 >
몸 >
코드 설명:
- 먼저 '를 호출하는 버튼 요소가 선언됩니다. captalizeFirstWord() ' 방법을 사용하여 ' 온 클릭 ” 이벤트 리스너. “ 피 ” 요소도 id가 “ 표적 '. 이 'p' HTML 요소에 출력이 삽입됩니다.
- 다음으로 기능 ' captalizeFirstWord() ” 본문은 “ <스크립트> ” 태그. 그 안에 몇 가지 ' 즉각적인() ” 메서드는 대문자에 대한 문자열 및 끝 색인 번호에 대한 사용자의 데이터를 검색하는 데 사용됩니다.
- “ 즉각적인() ” 메서드에는 두 개의 매개 변수가 포함되어 있습니다. 첫 번째는 화면에 표시되는 메시지이고 두 번째는 기본값입니다.
- 이러한 값은 ' 데이터 ' 그리고 ' 워드엔드인덱스 ” 각각. 그런 다음 ' 일부분() ” 메서드를 'data'에 적용하고 '에서 문자열 부분을 슬라이스합니다. 0 ” 인덱스는 사용자가 제공한 인덱스 번호입니다. 이렇게 하면 'firstWord ' 변수에 저장되는 제공된 문자열에서 첫 번째 단어가 분리됩니다.
- 그 후 ' 바꾸다() ” 메서드를 사용하여 “firstWord” 콘텐츠를 빈 따옴표로 바꿉니다. 이것은 문자열을 수정하고 이제 변수 '에 저장된 첫 번째 단어를 제거한 후 나머지 부분을 포함합니다. 렘 ”
- 마지막으로 ' 만약에 ' 문을 사용하여 ' 데이터 ” 사용자가 제공한 변수가 비어 있는지 여부입니다. 비어 있지 않거나 ' 없는 '를 입력한 다음 '를 삽입합니다. 첫번째 단어 '를 적용하고 ' 대문자로() ” 방법입니다.
- 그와 함께 '에 저장된 나머지 부분을 표시합니다. 렘 변수.
컴파일 후:
출력은 제공된 문자열의 첫 번째 단어가 이제 대문자임을 보여줍니다.
방법 2: 'substr()' 방법 사용
“ substr() ” 메소드는 제공된 문자열에서 첫 번째 단어만 대문자로 사용할 수 있습니다. 인덱스 번호에 접근하여 첫 글자만 별도로 선택하고 여기에 'toUpperCase()' 메서드를 적용하면 됩니다. 그런 다음 아래 코드와 같이 문자열의 나머지 부분을 첨부합니다.
< h1 > Linuxhint 기사 h1 >< h4 > 첫 단어를 대문자로 h4 >
< 버튼 클릭 = 'captalizeFirstWord()' > 시도 해봐 단추 >
< 아이디 = '표적' > 피 >
< 스크립트 >
기능 captalizeFirstWord ( ) {
데이터를 보자 = 즉각적인 ( '문자열을 입력하세요' , '존 윅' )
const 워드엔드인덱스 = 즉각적인 ( '최종 범위 입력' , '5' ) ;
결과를 보자 = 데이터. substr ( 0 , 워드엔드인덱스 ) . 대문자로 ( ) + 데이터. substr ( 워드엔드인덱스 ) ;
만약에 ( 데이터 != 없는 ) {
문서. getElementById ( '표적' ) . innerHTML = '첫 번째 단어는 이제 다음과 같이 대문자로 표시됩니다. ' + 결과 ;
}
}
스크립트 >
위 코드에 대한 설명:
- 위의 코드는 이전 방법에서 설명한 것과 동일합니다. 일부분() ' 그리고 ' 바꾸다() ” 메서드는 “ substr() ' 방법.
- 'substr()' 메서드는 ' 데이터 ' 변수와 '의 문자열 부분 0 ” 제공된 인덱스에 대한 인덱스가 분리됩니다. 첫 번째 단어인 이 분리된 부분에 ' 대문자로() ” 방식을 적용하여 대문자로 표기합니다.
- 그 후 두 번째 ' substr() ” 메서드는 제공된 인덱스에서 나머지 부분을 선택한 다음 두 메서드의 결과를 연결하는 데 사용됩니다.
컴파일 후:
출력은 문자열의 첫 번째 단어만 대문자로 표시됨을 보여줍니다.
결론
제공된 문자열의 첫 번째 단어만 동적으로 대문자화하는 데 사용할 수 있는 기본 제공 메서드가 없습니다. 그러나, 그 ' 일부분() ' 그리고 ' substr() ” 등 다양한 방법을 조합하여 사용할 수 있습니다. 즉각적인() ”, “ 바꾸다() ', 그리고 ' 대문자로() ” 첫 단어를 대문자로 시작합니다. 여기서 “ 대문자로() ” 메서드는 특히 슬라이스된 첫 번째 단어를 대문자로 표시합니다. 이 게시물은 JavaScript에서 단어를 대문자로 표시하는 방법을 설명했습니다.