Dalam tutorial ini, anda akan belajar mengenai rentetan JavaScript dengan bantuan contoh.
Rentetan JavaScript adalah jenis data primitif yang digunakan untuk bekerja dengan teks. Sebagai contoh,
const name = 'John';
Buat Rentetan JavaScript
Dalam JavaScript, string dibuat dengan mengelilinginya dengan tanda petik. Terdapat tiga cara anda boleh menggunakan petikan.
- Petikan tunggal:
'Hello'
- Petikan berganda:
"Hello"
- Trik Belakang:
`Hello`
Sebagai contoh,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Petikan tunggal dan petikan ganda hampir sama dan anda boleh menggunakan salah satu daripadanya.
Trik belakang biasanya digunakan apabila anda perlu memasukkan pemboleh ubah atau ungkapan ke dalam rentetan. Ini dilakukan dengan membungkus pemboleh ubah atau ungkapan dengan $(variable or expression)
seperti yang ditunjukkan di atas.
Anda juga boleh menulis petikan di dalam petikan lain. Sebagai contoh,
const name = 'My name is "Peter".';
Walau bagaimanapun, petikan tidak boleh sesuai dengan petikan di sekitarnya. Sebagai contoh,
const name = 'My name is 'Peter'.'; // error
Akses Watak Rentetan
Anda boleh mengakses watak dalam rentetan dengan dua cara.
- Salah satu cara adalah dengan menganggap rentetan sebagai tatasusunan. Sebagai contoh,
const a = 'hello'; console.log(a(1)); // "e"
- Cara lain adalah menggunakan kaedah
charAt()
. Sebagai contoh,
const a = 'hello'; console.log(a.charAt(1)); // "e"
Rentetan JavaScript tidak berubah
Dalam JavaScript, rentetan tidak dapat diubah. Ini bermaksud watak rentetan tidak dapat diubah. Sebagai contoh,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Walau bagaimanapun, anda boleh menetapkan nama pemboleh ubah ke rentetan baru. Sebagai contoh,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript peka huruf besar kecil
JavaScript peka huruf besar kecil. Itu bermaksud dalam JavaScript, huruf kecil dan huruf besar dianggap sebagai nilai yang berbeza. Sebagai contoh,
const a = 'a'; const b = 'A' console.log(a === b); // false
Dalam JavaScript, a
dan A
dianggap sebagai nilai yang berbeza.
Rentetan Multiline JavaScript
Untuk menggunakan rentetan multiline, anda boleh menggunakan +
operator atau operator. Sebagai contoh,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
Panjang Rentetan JavaScript
Untuk mencari panjang tali, anda boleh menggunakan length
harta tanah terbina dalam . Sebagai contoh,
const a = 'hello'; console.log(a.length); // 5
Objek String JavaScript
Anda juga boleh membuat rentetan menggunakan new
kata kunci. Sebagai contoh,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Catatan : Sebaiknya jangan menggunakan objek rentetan. Menggunakan objek rentetan memperlahankan program.
Kaedah Rentetan JavaScript
Berikut adalah kaedah String JavaScript yang biasa digunakan:
Kaedah | Penerangan |
---|---|
charAt (indeks) | mengembalikan watak pada indeks yang ditentukan |
ringkas () | bergabung dengan dua atau lebih rentetan |
ganti () | menggantikan rentetan dengan rentetan yang lain |
berpecah () | menukar rentetan kepada sebilangan rentetan |
substr (permulaan, panjang) | mengembalikan bahagian rentetan |
substring (permulaan, akhir) | mengembalikan bahagian rentetan |
hirisan (permulaan, akhir) | mengembalikan bahagian rentetan |
keLowerCase () | returns the passed string in lower case |
toUpperCase() | returns the passed string in upper case |
trim() | removes whitespace from the strings |
includes() | searches for a string and returns a boolean value |
search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String()
function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
Code | Output |
---|---|
" | include double quote |
\ | termasuk garis miring terbalik |
n | baris baru |
r | perjalanan balik kereta |
v | tab menegak |
t | tab mendatar |
b | ruang belakang |
f | suapan bentuk |