Cara Mengubah Kes Karakter Rentetan dalam JavaScript

mata teras

JavaScript menyediakan kaedah asli untuk menukar kes aksara rentetan, termasuk
• , toUpperCase() dan fungsi kes tajuk tersuai. Kaedah ini mengembalikan rentetan baru tanpa mengubah rentetan asal. toLowerCase() Kaedah
• dan toLowerCase() bukan sahaja digunakan untuk memaparkan teks pemformatan, tetapi juga untuk perbandingan rentetan yang boleh dipercayai, kerana mereka dapat menormalkan kes rentetan yang dibandingkan. toUpperCase()
Buat fungsi tersuai untuk menukar rentetan ke kes tajuk, anda perlu memecah rentet perkataan ke dalam rentetan.

Tutorial ini akan mengajar anda bagaimana untuk menukar kes watak rentetan - huruf besar, huruf kecil, dan tajuk menggunakan kaedah asli JavaScript.

JavaScript menyediakan banyak fungsi dan kaedah yang membolehkan anda memanipulasi data untuk tujuan yang berbeza. Kami baru -baru ini melihat cara untuk menukar rentetan kepada nombor, nombor ke rentetan atau nombor ordinal, dan split strings. Artikel ini akan memperkenalkan cara menukar aksara rentetan ke huruf besar dan huruf kecil - ini berguna untuk mewakili rentetan dalam format tertentu atau untuk perbandingan rentetan yang boleh dipercayai.

Tukar rentetan ke huruf kecil

Jika rentetan huruf kecil diperlukan, anda boleh menggunakan kaedah

yang tersedia pada rentetan. Kaedah ini mengembalikan rentetan di mana semua aksara adalah huruf kecil. toLowerCase()

Contoh:

<code class="language-javascript">const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"</code>

Dengan menggunakan kaedah

untuk pembolehubah str, rentetan yang sama dengan semua aksara dalam huruf kecil boleh diambil. Ambil perhatian bahawa rentetan baru yang dikembalikan tidak akan menjejaskan nilai toLowerCase(). str

Tukar rentetan ke huruf besar

Jika anda mahukan rentetan modal, anda boleh menggunakan kaedah

yang tersedia pada rentetan. Kaedah ini mengembalikan rentetan dengan semua aksara dalam huruf besar. toUpperCase()

Contoh:

<code class="language-javascript">const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"</code>

Dengan menggunakan kaedah

untuk pembolehubah str, rentetan yang sama dengan semua aksara yang dipermodalkan boleh diambil. Ambil perhatian bahawa rentetan baru yang dikembalikan tidak akan menjejaskan nilai toUpperCase(). str

Tukar rentetan ke kes tajuk

Kes penggunaan yang paling biasa untuk menukarkan rentetan adalah untuk menukarnya ke kes tajuk. Ini boleh digunakan untuk memaparkan nama dan tajuk.

Terdapat cara yang berbeza untuk melakukan ini. Salah satu cara ialah menggunakan kaedah

untuk menukar watak pertama rentetan dan kemudian menggabungkannya dengan seluruh rentetan. Contohnya:

<code class="language-javascript">const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"</code>

Dalam contoh ini, watak pertama diambil menggunakan indeks 0 pembolehubah str. Kemudian, gunakan kaedah toUpperCase() untuk menukarnya ke huruf besar. Akhirnya, gunakan kaedah substr() untuk mengambil sisa rentetan dan concatenate sisa rentetan dengan huruf pertama. Sapukan toLowerCase() ke seluruh rentetan untuk memastikan ia adalah huruf kecil.

Ini hanya akan menukar huruf pertama perkataan untuk memanfaatkannya. Walau bagaimanapun, dalam beberapa kes, jika terdapat ayat, anda mungkin mahu menukar setiap perkataan ayat untuk memanfaatkan. Dalam kes ini, lebih baik menggunakan fungsi seperti ini:

<code class="language-javascript">const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"</code>

Fungsi

toTitleCase() menerima parameter, iaitu rentetan yang akan ditukar kepada kes tajuk.

Dalam fungsi, mula -mula periksa sama ada rentetan kosong, dan jika ya, kembalikan rentetan kosong.

Kemudian, pecahkan rentetan pada pemisah ruang, yang akan mengembalikan array. Selepas itu, gunakan kaedah map pada array untuk menggunakan transformasi yang anda lihat dalam contoh sebelumnya untuk setiap item dalam array. Ini menukar setiap perkataan ke kes tajuk.

Akhirnya, gunakan pemisah ruang yang sama untuk menggabungkan item dalam array ke dalam rentetan dan mengembalikannya.

Contoh Online

Dalam demonstrasi codepen di bawah, anda boleh mencuba fungsi toLowerCase() dan toUpperCase(). Apabila rentetan dimasukkan ke dalam input, ia ditukar kepada huruf besar dan huruf kecil dan dipaparkan. Anda boleh cuba menggunakan aksara dengan kes atas dan bawah yang berbeza dalam rentetan.

[pautan demo codepen (kod embed codepen harus dimasukkan di sini)]

Tukar kes aksara untuk perbandingan rentetan

Dalam banyak kes, anda perlu membandingkan rentetan sebelum melaksanakan blok kod. Sekiranya anda tidak mempunyai kawalan ke atas bagaimana rentetan ditulis, membandingkan rentetan tanpa memaksa sebarang kes watak boleh membawa kepada hasil yang tidak dijangka.

Contoh:

<code class="language-javascript">const str = 'hello';
console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); // "Hello"</code>

Jika pengguna memasuki ya bukan ya dalam input, keadaan kesamaan akan gagal dan amaran yang salah akan dipaparkan.

anda boleh menyelesaikan masalah ini dengan memaksa kes watak rentetan:

<code class="language-javascript">function toTitleCase(str) {
  if (!str) {
    return '';
  }
  const strArr = str.split(' ').map((word) => {
    return word[0].toUpperCase() + word.substring(1).toLowerCase();
  });
  return strArr.join(' ');
}

const str = 'hello world';
console.log(toTitleCase(str)); // "Hello World"</code>

Kesimpulan

belajar bagaimana untuk menukar kes watak rentetan dalam JavaScript diperlukan. Anda sering perlu menggunakannya untuk banyak kes penggunaan, seperti memaparkan rentetan dalam format tertentu. Anda juga boleh menggunakannya untuk membandingkan rentetan.

memaksa kes watak rentetan yang anda bandingkan untuk memastikan anda dapat menyemak sama ada kandungan rentetan adalah sama, tanpa mengira bagaimana mereka ditulis.

(kandungan tambahan pada akhir artikel harus ditambah di sini, seperti Soalan Lazim, dan lain -lain, ditambah mengikut teks asal)

Atas ialah kandungan terperinci Cara Mengubah Kes Karakter Rentetan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!