cari
Rumahhujung hadapan webtutorial jsMemanfaatkan huruf pertama setiap perkataan di keypress

Capitalize First Letter of Every Word on Keypress

Coretan jQuery ini memanfaatkan huruf pertama setiap perkataan dalam rentetan. Ia berguna untuk input bentuk, menghalang tajuk atau teks semua-caps.

// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i  <p> Soalan Lazim (Soalan Lazim) pada Permodalan String JavaScript <strong> </strong>
</p> Berikut adalah beberapa pendekatan untuk memanfaatkan huruf pertama rentetan atau setiap perkataan dalam rentetan menggunakan pelbagai kaedah JavaScript. <p>
</p> <p> 1. Memanfaatkan huruf pertama dengan <strong>: <code>slice()</code> </strong>
</p> Kaedah ringkas ini menggunakan <p> untuk mendapatkan watak pertama, menukarnya ke huruf besar dengan <code>charAt(0)</code>, dan menggabungkannya dengan seluruh rentetan menggunakan <code>toUpperCase()</code>. <code>slice(1)</code>
</p>
<pre class="brush:php;toolbar:false">function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

2. Memanfaatkan setiap perkataan dengan , split(), dan map(): join()

Pendekatan ini memecah rentetan ke dalam kata -kata, memanfaatkan huruf pertama setiap perkataan menggunakan fungsi

, dan kemudian bergabung dengan mereka kembali bersama. map()

function capitalizeWords(str) {
  return str.split(' ').map(word => capitalizeFirstLetter(word)).join(' ');
}

3. vs toUpperCase(): toLocaleUpperCase()

Walaupun kedua-duanya menukar ke huruf besar,

menganggap peraturan khusus locale, yang berpotensi berbeza dari toLocaleUpperCase() untuk bahasa dengan peraturan permodalan yang unik (mis., Turki). toUpperCase()

4. Memanfaatkan huruf pertama tanpa (menggunakan ASCII): toUpperCase()

Kaedah ini memanfaatkan nilai ASCII. Huruf kecil (a-z) mempunyai nilai ASCII 97-122, huruf besar (a-z) 65-90. Mengurangkan 32 menukar huruf kecil ke huruf besar.

function capitalizeFirstLetterASCII(str) {
  let firstLetter = str.charCodeAt(0);
  if (firstLetter >= 97 && firstLetter  <p> 5. Memanfaatkan huruf pertama dengan ungkapan biasa: <strong> </strong>
</p> Ekspresi biasa menawarkan penyelesaian yang kuat, walaupun berpotensi kurang dibaca.  <p> sepadan dengan watak pertama. <code>^(.)</code>
</p>
<pre class="brush:php;toolbar:false">function capitalizeFirstLetterRegex(str) {
  return str.replace(/^(.)/, (match) => match.toUpperCase());
}

6. Memanfaatkan huruf pertama dengan : substring()

serupa dengan

, slice() mengekstrak sebahagian daripada rentetan. substring()

function capitalizeFirstLetterSubstring(str) {
  return str.substring(0, 1).toUpperCase() + str.substring(1);
}

7. Memanfaatkan huruf pertama dengan : charAt()

Ini berfungsi sama dengan contoh

. slice()

function capitalizeFirstLetterCharAt(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

8. Memanfaatkan huruf pertama dengan (aksara demi karakter): split()

Ini memisahkan rentetan ke dalam aksara individu, memanfaatkan yang pertama, dan menyertai semula. Kurang cekap daripada kaedah lain.

function capitalizeFirstLetterSplit(str) {
  let arr = str.split('');
  arr[0] = arr[0].toUpperCase();
  return arr.join('');
}

9. Memanfaatkan huruf pertama dengan : replace()

ini menggunakan

untuk menyasarkan dan menggantikan watak pertama. replace()

function capitalizeFirstLetterReplace(str) {
  return str.replace(/^./, str[0].toUpperCase());
}

10. Memanfaatkan huruf pertama dengan : concat()

ini menggabungkan watak pertama huruf besar dengan selebihnya rentetan.

// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i 
<p> Semua kaedah ini mencapai hasil asas yang sama, tetapi kecekapan dan kebolehbacaan mereka mungkin berbeza -beza.  Kaedah <code>slice()</code> dan <code>charAt()</code> umumnya lebih disukai untuk kesederhanaan dan kecekapan mereka apabila memanfaatkan hanya huruf pertama.  Untuk memanfaatkan semua huruf pertama kata -kata, kombinasi <code>split()</code>, <code>map()</code>, dan <code>join()</code> menyediakan penyelesaian yang bersih dan boleh dibaca. </p>

Atas ialah kandungan terperinci Memanfaatkan huruf pertama setiap perkataan di keypress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
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
Python vs JavaScript: Memilih alat yang sesuai untuk pekerjaanPython vs JavaScript: Memilih alat yang sesuai untuk pekerjaanMay 08, 2025 am 12:10 AM

Sama ada untuk memilih Python atau JavaScript bergantung kepada jenis projek: 1) Pilih Python untuk Sains Data dan Tugas Automasi; 2) Pilih JavaScript untuk pembangunan front-end dan penuh. Python disukai untuk perpustakaannya yang kuat dalam pemprosesan data dan automasi, sementara JavaScript sangat diperlukan untuk kelebihannya dalam interaksi web dan pembangunan stack penuh.

Python dan javascript: memahami kekuatan masing -masingPython dan javascript: memahami kekuatan masing -masingMay 06, 2025 am 12:15 AM

Python dan JavaScript masing -masing mempunyai kelebihan mereka sendiri, dan pilihan bergantung kepada keperluan projek dan keutamaan peribadi. 1. Python mudah dipelajari, dengan sintaks ringkas, sesuai untuk sains data dan pembangunan back-end, tetapi mempunyai kelajuan pelaksanaan yang perlahan. 2. JavaScript berada di mana-mana dalam pembangunan front-end dan mempunyai keupayaan pengaturcaraan tak segerak yang kuat. Node.js menjadikannya sesuai untuk pembangunan penuh, tetapi sintaks mungkin rumit dan rawan kesilapan.

Inti JavaScript: Adakah ia dibina di atas C atau C?Inti JavaScript: Adakah ia dibina di atas C atau C?May 05, 2025 am 12:07 AM

Javascriptisnotbuiltoncorc; it'saninterpretedlanguagethatrunsonenginesoftenwritteninc .1) javascriptwasdesignedasalightweight, interpratedlanguageforwebbrowsers.2)

Aplikasi JavaScript: Dari Front-End ke Back-EndAplikasi JavaScript: Dari Front-End ke Back-EndMay 04, 2025 am 12:12 AM

JavaScript boleh digunakan untuk pembangunan front-end dan back-end. Bahagian depan meningkatkan pengalaman pengguna melalui operasi DOM, dan back-end mengendalikan tugas pelayan melalui Node.js. 1. Contoh front-end: Tukar kandungan teks laman web. 2. Contoh backend: Buat pelayan Node.js.

Python vs JavaScript: Bahasa mana yang harus anda pelajari?Python vs JavaScript: Bahasa mana yang harus anda pelajari?May 03, 2025 am 12:10 AM

Memilih Python atau JavaScript harus berdasarkan perkembangan kerjaya, keluk pembelajaran dan ekosistem: 1) Pembangunan Kerjaya: Python sesuai untuk sains data dan pembangunan back-end, sementara JavaScript sesuai untuk pembangunan depan dan penuh. 2) Kurva Pembelajaran: Sintaks Python adalah ringkas dan sesuai untuk pemula; Sintaks JavaScript adalah fleksibel. 3) Ekosistem: Python mempunyai perpustakaan pengkomputeran saintifik yang kaya, dan JavaScript mempunyai rangka kerja front-end yang kuat.

Rangka Kerja JavaScript: Menguasai Pembangunan Web ModenRangka Kerja JavaScript: Menguasai Pembangunan Web ModenMay 02, 2025 am 12:04 AM

Kuasa rangka kerja JavaScript terletak pada pembangunan yang memudahkan, meningkatkan pengalaman pengguna dan prestasi aplikasi. Apabila memilih rangka kerja, pertimbangkan: 1.

Hubungan antara JavaScript, C, dan penyemak imbasHubungan antara JavaScript, C, dan penyemak imbasMay 01, 2025 am 12:06 AM

Pengenalan Saya tahu anda mungkin merasa pelik, apa sebenarnya yang perlu dilakukan oleh JavaScript, C dan penyemak imbas? Mereka seolah -olah tidak berkaitan, tetapi sebenarnya, mereka memainkan peranan yang sangat penting dalam pembangunan web moden. Hari ini kita akan membincangkan hubungan rapat antara ketiga -tiga ini. Melalui artikel ini, anda akan mempelajari bagaimana JavaScript berjalan dalam penyemak imbas, peranan C dalam enjin pelayar, dan bagaimana mereka bekerjasama untuk memacu rendering dan interaksi laman web. Kita semua tahu hubungan antara JavaScript dan penyemak imbas. JavaScript adalah bahasa utama pembangunan front-end. Ia berjalan secara langsung di penyemak imbas, menjadikan laman web jelas dan menarik. Adakah anda pernah tertanya -tanya mengapa Javascr

Aliran node.js dengan typescriptAliran node.js dengan typescriptApr 30, 2025 am 08:22 AM

Node.js cemerlang pada I/O yang cekap, sebahagian besarnya terima kasih kepada aliran. Aliran memproses data secara berperingkat, mengelakkan beban memori-ideal untuk fail besar, tugas rangkaian, dan aplikasi masa nyata. Menggabungkan sungai dengan keselamatan jenis typescript mencipta powe

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa