Metode String JavaScript
Metode string membantu Anda bekerja dengan string.
Metode dan Properti String
Nilai primitif, seperti "John Doe", tidak dapat memiliki properti atau metode (karena bukan objek).
Tetapi dengan JavaScript, metode dan properti juga tersedia untuk nilai primitif, karena JavaScript memperlakukan nilai primitif sebagai objek saat mengeksekusi metode dan properti.
Panjang String JavaScript
Properti length
mengembalikan panjang string:
Contoh
let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = txt.length;
Mengekstrak Bagian String
Ada 3 metode untuk mengekstrak bagian dari string:
slice(start, end)
substring(start, end)
substr(start, length)
potongan String JavaScript()
slice()
mengekstrak bagian dari string dan mengembalikan bagian yang diekstraksi dalam string baru.
Metode ini mengambil 2 parameter: posisi awal, dan posisi akhir (akhir tidak termasuk).
Contoh ini memotong sebagian string dari posisi 7 ke posisi 12 (13-1):
Contoh
let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);
Catatan
JavaScript menghitung posisi dari nol.
Posisi pertama adalah 0.
Posisi kedua adalah 1.
Jika parameter negatif, posisi dihitung dari akhir string.
Contoh ini memotong sebagian string dari posisi -12 ke posisi -6:
Contoh
let str = "Apple, Banana, Kiwi";
let part = str.slice(-12, -6);
Jika Anda menghilangkan parameter kedua, metode ini akan memotong sisa string:
Contoh
let part = str.slice(7);
atau, menghitung dari akhir:
Contoh
let part = str.slice(-12);
Substring String JavaScript ()
substring()
mirip dengan slice()
.
Perbedaannya adalah bahwa substring()
tidak dapat menerima indeks negatif.
Contoh
let str = "Apple, Banana, Kiwi";
let part = str.substring(7, 13);
Jika Anda menghilangkan parameter kedua, substring()
akan mengiris sisa string.
Substr String JavaScript ()
substr()
mirip dengan slice()
.
Perbedaannya adalah bahwa parameter kedua menentukan panjang bagian yang diekstraksi.
Contoh
let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);
Jika Anda menghilangkan parameter kedua, substr()
akan mengiris sisa string.
Contoh
let str = "Apple, Banana, Kiwi";
let part = str.substr(7);
Jika parameter pertama negatif, posisi dihitung dari akhir string.
Contoh
let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);
Mengganti Konten String
Metode replace()
menggantikan nilai tertentu dengan nilai lain dalam string:
Contoh
let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Catatan
Metode replace()
tidak mengubah string yang dipanggil.
Metode replace()
mengembalikan string baru.
Secara default, replace()
metode ini hanya menggantikan kecocokan pertama:
Contoh
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Secara default, replace()
metode ini peka huruf besar/kecil. Menulis MICROSOFT (dengan huruf besar) tidak akan berfungsi:
Contoh
let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");
Untuk mengganti tidak peka huruf besar/kecil, gunakan ekspresi reguler dengan /i
tanda (tidak peka):
Contoh
let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");
Catatan
Ekspresi reguler ditulis tanpa tanda kutip.
Untuk mengganti semua kecocokan, gunakan ekspresi reguler dengan /g
bendera (pencocokan global):
Contoh
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace(/Microsoft/g, "W3Schools");
Catatan
Anda akan belajar lebih banyak tentang ekspresi reguler di bab Ekspresi Reguler JavaScript .
Mengubah ke Huruf Besar dan Huruf Kecil
Sebuah string diubah menjadi huruf besar dengan toUpperCase()
:
Sebuah string diubah menjadi huruf kecil dengan toLowerCase()
:
String JavaScript toUpperCase()
Contoh
let text1 = "Hello World!";
let text2 = text1.toUpperCase();
String JavaScript toLowerCase()
Contoh
let text1 = "Hello World!"; // String
let text2 = text1.toLowerCase(); // text2 is text1
converted to lower
JavaScript String concat()
concat()
menggabungkan dua atau lebih string:
Contoh
let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);
Metode concat()
ini dapat digunakan sebagai pengganti operator plus. Kedua baris ini melakukan hal yang sama:
Contoh
text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");
Catatan
Semua metode string mengembalikan string baru. Mereka tidak mengubah string asli.
Secara resmi berkata:
String tidak dapat diubah: String tidak dapat diubah, hanya diganti.
Pemangkasan String JavaScript ()
Metode trim()
ini menghilangkan spasi putih dari kedua sisi string:
Contoh
let text1 = " Hello World! ";
let text2 = text1.trim();
Padding String JavaScript
ECMAScript 2017 menambahkan dua metode String: padStart
dan padEnd
untuk mendukung padding di awal dan di akhir string.
JavaScript String padStart()
Contoh
let text = "5";
let padded = text.padStart(4,0);
Dukungan Peramban
padStart()
adalah fitur ECMAScript 2017.
Ini didukung di semua browser modern:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padStart()
tidak didukung di Internet Explorer.
String JavaScript padEnd()
Contoh
let text = "5";
let padded = text.padEnd(4,0);
Dukungan Peramban
padEnd()
adalah fitur ECMAScript 2017.
Ini didukung di semua browser modern:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padEnd()
tidak didukung di Internet Explorer.
Mengekstrak Karakter String
Ada 3 metode untuk mengekstrak karakter string:
charAt(position)
charCodeAt(position)
- Akses properti [ ]
Karakter String JavaScript ()
Metode charAt()
mengembalikan karakter pada indeks tertentu (posisi) dalam string:
Contoh
let text = "HELLO WORLD";
let char = text.charAt(0);
String JavaScript charCodeAt()
Metode charCodeAt()
ini mengembalikan unicode karakter pada indeks tertentu dalam sebuah string:
Metode ini mengembalikan kode UTF-16 (bilangan bulat antara 0 dan 65535).
Contoh
let text = "HELLO WORLD";
let char = text.charCodeAt(0);
Akses Properti
ECMAScript 5 (2009) memungkinkan akses properti [ ] pada string:
Contoh
let text = "HELLO WORLD";
let char = text[0];
Catatan
Akses properti mungkin sedikit tidak terduga:
- Itu membuat string terlihat seperti array (tetapi sebenarnya tidak)
- If no character is found, [ ] returns undefined, while charAt() returns an empty string.
- It is read only. str[0] = "A" gives no error (but does not work!)
Example
let text = "HELLO WORLD";
text[0] = "A"; // Gives no error, but does not work
Converting a String to an Array
If you want to work with a string as an array, you can convert it to an array.
JavaScript String split()
A string can be converted to an array with the split()
method:
Example
text.split(",") // Split on commas
text.split(" ") // Split on spaces
text.split("|") // Split on pipe
If the separator is omitted, the returned array will contain the whole string in index [0].
If the separator is "", the returned array will be an array of single characters:
Example
text.split("")
Complete String Reference
For a complete String reference, go to our:
Complete JavaScript String Reference.
The reference contains descriptions and examples of all string properties and methods.