Bagaimana untuk Memodalkan Huruf Pertama Setiap Perkataan dalam Rentetan dengan JavaScript?

Linda Hamilton
Lepaskan: 2024-10-23 11:38:18
asal
534 orang telah melayarinya

How to Capitalize the First Letter of Each Word in a String with JavaScript?

Memodalan Huruf Pertama Setiap Perkataan dalam Rentetan dengan JavaScript

Dalam JavaScript, menggunakan huruf besar pada huruf pertama setiap perkataan dalam rentetan boleh dicapai melalui beberapa kaedah. Satu pendekatan biasa melibatkan penggunaan fungsi yang mengubah rentetan yang diberikan kepada huruf besar.

Mari kita teroka contoh kod yang menunjukkan teknik ini:

<code class="js">function titleCase(str) {
  var splitStr = str.toLowerCase().split(" ");
  for (var i = 0; i < splitStr.length; i++) {
    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);  
  }
  return splitStr.join(" "); 
}</code>
Salin selepas log masuk

Dalam fungsi ini, rentetan input 'str ' mula-mula ditukar kepada huruf kecil menggunakan 'toLowerCase()'. Kemudian, rentetan dipecahkan kepada susunan perkataan menggunakan 'split(" ")'. Untuk setiap perkataan dalam tatasusunan, aksara pertama menggunakan huruf besar menggunakan 'charAt(0).toUpperCase()' dan dilampirkan pada perkataan lain menggunakan 'substring(1)'.

Tatasusunan diubah suai huruf besar perkataan kemudian dicantumkan semula menjadi rentetan menggunakan 'join(" ")' dan dikembalikan sebagai output, yang akan dipaparkan dalam huruf besar.

Atas ialah kandungan terperinci Bagaimana untuk Memodalkan Huruf Pertama Setiap Perkataan dalam Rentetan dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!