Этот блог иллюстрирует процедуру использования заглавных слов в JavaScript, объясняя следующие методы:
Как динамически использовать слово в JavaScript?
Не существует какого-либо встроенного свойства или метода JavaScript, который можно использовать для капитализации только первого слова предоставленной строки. Однако есть несколько подходов, которые можно изменить для получения желаемых результатов. Эти методы описываются вместе с описанием их кода. Давайте продолжим.
Способ 1: Использование метода «slice()»
В этом методе « быстрый() ', и ' toUpperCase() ” методы используются вдоль “ кусочек() », чтобы сделать заглавными только первое слово или часть строки, если это необходимо или указано пользователем. Как показано в приведенном ниже фрагменте кода:
< тело >
< h1 > Статья Linuxhint h1 >
< h4 > Заглавная буква в первом слове h4 >
< кнопка при нажатии '=' 'капитализироватьПервоеСлово()' > Попробуй кнопка >
< идентификатор p '=' 'цель' > п >
< сценарий >
функция капитализироватьFirstWord ( ) {
пусть данные '=' быстрый ( 'Пожалуйста, введите строку' , 'Джон Уик' ) ;
константа wordEndex '=' быстрый ( 'Введите конечный диапазон' , '5' ) ;
пусть первое слово '=' данные. кусочек ( 0 , wordEndex ) ;
пусть рем '=' данные. заменять ( первое слово , '' ) ;
если ( данные '=' нулевой ) {
документ. получитьэлементбиид ( 'цель' ) . внутреннийHTML '=' «Первое слово теперь пишется с большой буквы:» + первое слово. toUpperCase ( ) + бэр ;
}
}
сценарий >
тело >
Объяснение кода:
- Сначала объявляется элемент кнопки, который вызывает « капитализировать первое слово () 'метод с использованием ' по щелчку прослушиватель событий. “ п » элемент также создается с идентификатором « цель ». В этот HTML-элемент «p» вставляется вывод.
- Далее функция « капитализировать первое слово () ” тело определено внутри “ <скрипт> ' ярлык. В нем пара « быстрый() ” используются для получения от пользователя данных о строке и конечном порядковом номере заглавных слов.
- “ быстрый() ” содержит два параметра: первый — это сообщение, которое отображается на экране, а второй — его значение по умолчанию.
- Эти значения хранятся в « данные ' и ' wordEndex ' соответственно. Затем используйте « кусочек() ' на 'данные' и вырезать часть строки из ' 0 ” на номер индекса, предоставленный пользователем. Это отделяет первое слово от предоставленной строки, которая сохраняется в переменной «firstWord».
- После этого используйте « заменять() » для предоставленной строки, чтобы заменить содержимое «firstWord» пустыми кавычками. Это изменяет строку, и теперь она содержит оставшуюся часть после удаления первого слова, которое хранится в переменной « бэр ”
- В конце используйте « если », чтобы проверить, является ли « данные », предоставленная пользователем, пуста или нет. Если он не пуст или равен “ нулевой ', затем вставьте ' первое слово » и применить « toUpperCase() метод к нему.
- Вдоль него отобразите оставшуюся часть, которая хранится в « бэр ' переменная.
После компиляции:
Вывод показывает, что первое слово предоставленной строки теперь написано с заглавной буквы.
Способ 2: Использование метода «substr()»
“ substr() ” можно использовать для капитализации только первого слова из предоставленной строки. Это можно сделать, выбрав отдельно только первую букву, обратившись к порядковому номеру и применив к ней метод «toUpperCase()». Затем присоедините оставшуюся часть строки, как показано в приведенном ниже коде:
< h1 > Статья Linuxhint h1 >< h4 > Заглавная буква в первом слове h4 >
< кнопка при нажатии '=' 'капитализироватьПервоеСлово()' > Попробуй кнопка >
< идентификатор p '=' 'цель' > п >
< сценарий >
функция капитализироватьFirstWord ( ) {
пусть данные '=' быстрый ( 'Пожалуйста, введите строку' , 'Джон Уик' )
константа wordEndex '=' быстрый ( 'Введите конечный диапазон' , '5' ) ;
пусть результат '=' данные. substr ( 0 , wordEndex ) . toUpperCase ( ) + данные. substr ( wordEndex ) ;
если ( данные '=' нулевой ) {
документ. получитьэлементбиид ( 'цель' ) . внутреннийHTML '=' «Первое слово теперь пишется с большой буквы как:» + результат ;
}
}
сценарий >
Объяснение приведенного выше кода:
- Приведенный выше код такой же, как описанный в предыдущем методе, только « кусочек() ' и ' заменять() » метод заменяется на « substr() метод.
- Метод «substr()» применяется к « данные ” и часть строки из “ 0 ” к предоставленному индексу отделяется. В этой отделенной части, которая является первым словом, « toUpperCase() ” метод применяется, чтобы капитализировать его.
- После этого второй « substr() ” используется для выбора оставшейся части из предоставленного индекса, а затем объединяет результат для обоих методов.
После компиляции:
Вывод показывает, что только первое слово из строки было написано заглавными буквами.
Заключение
Не существует встроенного метода, который можно использовать для динамического использования только первого слова предоставленной строки. Однако ' кусочек() ' и ' substr() ” методы могут использоваться в сочетании с различными методами, такими как “ быстрый() », « заменять() ', и ' toUpperCase() », чтобы сделать первое слово заглавным. Здесь « toUpperCase() ” специально использует заглавную букву в нарезанном первом слове. Этот пост проиллюстрировал методы написания слова с заглавной буквы в JavaScript.