Panduan untuk Menguasai Jenis Data Rentetan dalam JavaScript

JavaScript, sebagai bahasa yang serba boleh, menawarkan pelbagai fungsi untuk berfungsi dengan rentetan. Rentetan ialah salah satu jenis data paling asas dalam mana-mana bahasa pengaturcaraan, dan memahami cara memanipulasinya dengan cekap boleh meningkatkan kemahiran pengekodan anda dengan ketara. Dalam artikel ini, kami akan mendalami fungsi rentetan JavaScript, memberikan penjelasan terperinci, contoh dan ulasan untuk membantu anda menguasainya.

Pengenalan kepada Strings dalam JavaScript

Dalam JavaScript, rentetan ialah jujukan aksara yang digunakan untuk mewakili teks. Rentetan tidak boleh diubah, bermakna apabila dicipta, ia tidak boleh diubah. Sebaliknya, operasi rentetan mencipta rentetan baharu.

let greeting = "Hello, World!";
console.log(greeting); // Output: Hello, World!

Mencipta Rentetan

Rentetan boleh dibuat menggunakan petikan tunggal, petikan berganda atau tanda belakang untuk literal templat.

let singleQuoteStr = 'Hello';
let doubleQuoteStr = "Hello";
let templateLiteralStr = `Hello, ${singleQuoteStr}`;
console.log(templateLiteralStr); // Output: Hello, Hello

String Properties

• panjang: Mengembalikan panjang rentetan.

let str = "JavaScript";
console.log(str.length); // Output: 10

Kaedah Rentetan

1. charAt()

Mengembalikan aksara pada indeks yang ditentukan.

let str = "JavaScript";
console.log(str.charAt(0)); // Output: J

2. charCodeAt()

Mengembalikan Unikod aksara pada indeks yang ditentukan.

let str = "JavaScript";
console.log(str.charCodeAt(0)); // Output: 74

3. concat()

Menggabungkan dua atau lebih rentetan dan mengembalikan rentetan baharu.

let str1 = "Hello, ";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result); // Output: Hello, World!

4. termasuk()

Menyemak sama ada rentetan mengandungi nilai yang ditentukan, mengembalikan benar atau palsu.

let str = "JavaScript is awesome!";
console.log(str.includes("awesome")); // Output: true

5. endsWith()

Menyemak sama ada rentetan berakhir dengan nilai yang ditentukan, mengembalikan benar atau palsu.

let str = "Hello, World!";
console.log(str.endsWith("World!")); // Output: true

6. indexOf()

Mengembalikan indeks kejadian pertama bagi nilai yang ditentukan, atau -1 jika tidak ditemui.

let str = "JavaScript is awesome!";
console.log(str.indexOf("is")); // Output: 11

7. lastIndexOf()

Mengembalikan indeks kejadian terakhir bagi nilai yang ditentukan, atau -1 jika tidak ditemui.

let str = "JavaScript is awesome! JavaScript is fun!";
console.log(str.lastIndexOf("JavaScript")); // Output: 22

8. padan ()

Mengambil padanan apabila memadankan rentetan dengan ungkapan biasa.

let str = "JavaScript is awesome!";
let regex = /is/g;
console.log(str.match(regex)); // Output: [ 'is', 'is' ]

9. ulang()

Mengembalikan rentetan baharu dengan bilangan salinan rentetan yang ditentukan.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

10. ganti()

Menggantikan nilai yang ditentukan dengan nilai lain dalam rentetan.

let str = "JavaScript is awesome!";
let newStr = str.replace("awesome", "fantastic");
console.log(newStr); // Output: JavaScript is fantastic!

11. carian()

Mencari rentetan untuk nilai yang ditentukan dan mengembalikan kedudukan padanan.

let str = "JavaScript is awesome!";
console.log(str.search("awesome")); // Output: 15

12. slice()

Mengekstrak sebahagian daripada rentetan dan mengembalikannya sebagai rentetan baharu.

let str = "JavaScript";
console.log(str.slice(0, 4)); // Output: Java

13. split()

Memisahkan rentetan kepada tatasusunan subrentetan berdasarkan pemisah yang ditentukan.

let str = "Hello, World!";
let arr = str.split(", ");
console.log(arr); // Output: [ 'Hello', 'World!' ]

14. bermulaDengan()

Menyemak sama ada rentetan bermula dengan nilai yang ditentukan, mengembalikan benar atau palsu.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

15. subrentetan()

Mengekstrak aksara daripada rentetan antara dua indeks yang ditentukan.

let str = "JavaScript";
console.log(str.substring(0, 4)); // Output: Java

16. toLowerCase()

Menukar rentetan kepada huruf kecil.

let str = "JavaScript";
console.log(str.toLowerCase()); // Output: javascript

17. toUpperCase()

Menukar rentetan kepada huruf besar.

let str = "JavaScript";
console.log(str.toUpperCase()); // Output: JAVASCRIPT

18. trim()

Mengalih keluar ruang putih dari kedua-dua hujung rentetan.

let str = "   JavaScript   ";
console.log(str.trim()); // Output: JavaScript

19. trimStart()

Mengalih keluar ruang putih dari permulaan rentetan.

let str = "   JavaScript";
console.log(str.trimStart()); // Output: JavaScript

20. trimEnd()

Mengalih keluar ruang putih dari hujung rentetan.

let str = "JavaScript   ";
console.log(str.trimEnd()); // Output: JavaScript

21. valueOf()

Mengembalikan nilai primitif objek String.

let str = new String("JavaScript");
console.log(str.valueOf()); // Output: JavaScript

Templat Literal

Tersurat templat membenarkan ungkapan terbenam, menjadikan penyatuan rentetan dan rentetan berbilang baris lebih mudah.

let name = "John";
let greeting = `Hello, ${name}! How are you?`;
console.log(greeting); // Output: Hello, John! How are you?

String.raw()

Mengembalikan rentetan yang dibuat daripada rentetan templat mentah, membenarkan akses kepada rentetan mentah semasa ia ditulis.

let str = String.raw`Hello\nWorld!`;
console.log(str); // Output: Hello\nWorld!

Contoh Praktikal

Contoh 1: Membalikkan Rentetan

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

Contoh 2: Menyemak Palindrom

function isPalindrome(str) {
    let cleanedStr = str.replace(/[\W_]/g, '').toLowerCase();
    return cleanedStr === cleanedStr.split('').reverse().join('');
}
console.log(isPalindrome("A man, a plan, a canal, Panama")); // Output: true

Contoh 3: Menggunakan Huruf Pertama Setiap Perkataan

function capitalizeWords(str) {
    return str.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
}
console.log(capitalizeWords("hello world")); // Output: Hello World

Kesimpulan

Menguasai fungsi rentetan JavaScript adalah penting untuk manipulasi teks dan pengendalian data yang cekap. Daripada operasi asas seperti penggabungan dan penghirisan kepada fungsi yang lebih maju seperti pemadanan regex dan literal templat, JavaScript menyediakan set alat yang kaya untuk bekerja dengan rentetan. Dengan memahami dan menggunakan fungsi ini, anda boleh menulis kod yang lebih bersih, lebih cekap dan menangani pelbagai cabaran pengaturcaraan.

Panduan komprehensif ini telah merangkumi fungsi rentetan yang paling penting dalam JavaScript, lengkap dengan contoh dan penjelasan. Amalkan fungsi ini dan bereksperimen dengan kes penggunaan yang berbeza untuk mengukuhkan pemahaman anda dan meningkatkan kecekapan pengekodan anda.

Atas ialah kandungan terperinci Panduan untuk Menguasai Jenis Data Rentetan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!