Rumah >hujung hadapan web >tutorial js >Panduan Komprehensif untuk Manipulasi Rentetan dalam JavaScript

Panduan Komprehensif untuk Manipulasi Rentetan dalam JavaScript

Barbara Streisand
Barbara Streisandasal
2024-12-23 11:45:21747semak imbas

Comprehensive Guide to String Manipulation in JavaScript

Manipulasi Rentetan dalam JavaScript

Manipulasi rentetan ialah aspek teras bekerja dengan teks dalam JavaScript. JavaScript menyediakan set kaedah dan teknik terbina dalam yang kaya untuk mengendalikan dan mengubah rentetan.


1. Mencipta Rentetan

Rentetan dalam JavaScript boleh dibuat menggunakan petikan tunggal ('), petikan berganda (") atau tanda belakang (` untuk literal templat).

Contoh:

const single = 'Hello';
const double = "World";
const template = `Hello, ${double}!`; // Using template literals
console.log(template); // Output: Hello, World!

2. Kaedah Rentetan Biasa

A. Mencari Panjang Rentetan

Sifat .length mengembalikan bilangan aksara dalam rentetan.

const text = "JavaScript";
console.log(text.length); // Output: 10

B. Mengakses Aksara

Anda boleh mengakses aksara individu menggunakan notasi kurungan atau kaedah .charAt().

const str = "Hello";
console.log(str[0]); // Output: H
console.log(str.charAt(1)); // Output: e

C. Menukar Kes

  • .toUpperCase() menukar rentetan kepada huruf besar.
  • .toLowerCase() menukar rentetan kepada huruf kecil.
const text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

D. Mencari Substrings

  • .indexOf() mengembalikan indeks pertama subrentetan atau -1 jika tidak ditemui.
  • .lastIndexOf() mencari dari hujung rentetan.
const text = "JavaScript is awesome!";
console.log(text.indexOf("is")); // Output: 11
console.log(text.lastIndexOf("a")); // Output: 3

E. Menyemak Subrentetan

  • .includes() menyemak sama ada subrentetan wujud (mengembalikan benar atau salah).
  • .startsWith() menyemak sama ada rentetan bermula dengan subrentetan tertentu.
  • .endsWith() menyemak sama ada rentetan berakhir dengan subrentetan tertentu.
const text = "Hello, world!";
console.log(text.includes("world")); // Output: true
console.log(text.startsWith("Hello")); // Output: true
console.log(text.endsWith("!")); // Output: true

F. Mengeluarkan Subrentetan

  • .slice(mula, tamat) mengekstrak sebahagian daripada rentetan.
  • .substring(mula, tamat) berfungsi sama seperti .slice tetapi tidak menerima indeks negatif.
  • .substr(mula, panjang) mengekstrak subrentetan panjang yang ditentukan.
const text = "JavaScript";
console.log(text.slice(0, 4)); // Output: Java
console.log(text.substring(4, 10)); // Output: Script
console.log(text.substr(4, 6)); // Output: Script

G. Membelah Rentetan

Kaedah .split(pembatas) membelah rentetan kepada tatasusunan subrentetan.

const single = 'Hello';
const double = "World";
const template = `Hello, ${double}!`; // Using template literals
console.log(template); // Output: Hello, World!

H. Menggantikan Subrentetan

  • .replace(search, replacement) menggantikan kejadian pertama.
  • .replaceAll(search, replacement) menggantikan semua kejadian.
const text = "JavaScript";
console.log(text.length); // Output: 10

Saya. Mengalih keluar Ruang Putih

  • .trim() mengalih keluar ruang putih daripada kedua-dua hujung rentetan.
  • .trimStart() dan .trimEnd() alih keluar ruang putih dari permulaan atau akhir.
const str = "Hello";
console.log(str[0]); // Output: H
console.log(str.charAt(1)); // Output: e

3. Manipulasi Rentetan Lanjutan

A. Membalikkan Rentetan

Anda boleh membalikkan rentetan dengan menukarkannya kepada tatasusunan, membalikkan tatasusunan dan mencantumkannya semula menjadi rentetan.

const text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

B. Rentetan Berulang

Kaedah .repeat(count) mengulangi rentetan beberapa kali.

const text = "JavaScript is awesome!";
console.log(text.indexOf("is")); // Output: 11
console.log(text.lastIndexOf("a")); // Output: 3

C. Rentetan Padding

  • .padStart(targetLength, padString) pad permulaan rentetan.
  • .padEnd(targetLength, padString) pad hujung rentetan.
const text = "Hello, world!";
console.log(text.includes("world")); // Output: true
console.log(text.startsWith("Hello")); // Output: true
console.log(text.endsWith("!")); // Output: true

4. Huruf Templat

Templat literal menyediakan cara yang lebih mudah dibaca dan ringkas untuk mencipta rentetan dinamik.

const text = "JavaScript";
console.log(text.slice(0, 4)); // Output: Java
console.log(text.substring(4, 10)); // Output: Script
console.log(text.substr(4, 6)); // Output: Script

5. Ringkasan

  • Manipulasi rentetan adalah penting untuk memproses dan mengubah data teks dalam JavaScript.
  • JavaScript menyediakan pelbagai kaedah untuk mencari, mengekstrak, mengubah dan memformat rentetan.
  • Ciri lanjutan seperti literal templat, pembalikan rentetan dan pelapik menjadikan JavaScript berkuasa untuk operasi berasaskan teks.

Dengan menguasai teknik ini, anda akan dilengkapi dengan baik untuk mengendalikan operasi teks yang kompleks dalam aplikasi JavaScript anda.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun timbunan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Panduan Komprehensif untuk Manipulasi Rentetan dalam JavaScript. 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