Metode String JavaScript

Metode string membantu Anda mengatur string.

Metode dan properti string

Nilai asli, seperti "Bill Gates", tidak dapat memiliki properti dan metode (karena mereka bukan objek).

Namun melalui JavaScript, metode dan properti juga dapat digunakan untuk nilai asli, karena dalam mengeksekusi metode dan properti, JavaScript akan menganggap nilai asli sebagai objek.

Panjang string

length Properti mengembalikan panjang string:

Contoh

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

Coba Sendiri

Mencari string di dalam string

indexOf() Metode mengembalikan teks yang ditentukan di dalam stringpertama kaliindeks penampilan (posisi):

Contoh

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

Coba Sendiri

JavaScript menghitung posisi dari nol.

0 adalah posisi pertama di dalam string, 1 adalah kedua, 2 adalah ketiga ...

lastIndexOf() Metode mengembalikan posisi teks yang ditentukan di dalam stringterakhirindeks penampilan pertama:

Contoh

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

Coba Sendiri

jika teks tidak ditemukan, indexOf() dan lastIndexOf() semua mengembalikan -1.

Contoh

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("USA");

Coba Sendiri

Kedua metode menerima parameter kedua sebagai posisi awal pencarian.

Contoh

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China", 18);

Coba Sendiri

lastIndexOf() Metode mencari ke belakang (dari belakang ke depan), yang berarti: jika parameter kedua adalah 50, maka mencari dari posisi 50 sampai awal string.

Contoh

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China", 50);

Coba Sendiri

Mencari string di dalam string

search() Metode mencari string khusus dan mengembalikan posisi yang cocok:

Contoh

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("locate");

Coba Sendiri

Anda perhatikankah?

dua metode ini,indexOf() dengan search(), adalahyang sama.

Kedua metode ini adalah yang sama. Perbedaan nya adalah:

  • Metode search() tidak dapat menetapkan parameter mulai kedua.
  • Metode indexOf() tidak dapat menetapkan nilai pencarian yang lebih kuat (ekspresi reguler).

Anda akanEkspresi Regulerdalam bab ini belajar tentang nilai pencarian yang lebih kuat ini.

Mengambil bagian string

Ada tiga metode untuk mengambil bagian string:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

Metode slice()

slice() Mengambil bagian dari string dan mengembalikan bagian yang diambil di string baru.

Metode ini mengatur dua parameter: indeks awal (lokasi awal), indeks akhir (lokasi berakhir).

Contoh ini memotong bagian 7 sampai 13 di string:

Contoh

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);

Hasil res adalah:

Banana

Coba Sendiri

Jika parameter salah satu negatif, posisi akan dihitung dari akhir string.

Contoh ini memotong bagian -12 sampai -6 di string:

Contoh

var str = "Apple, Banana, Mango";
var res = str.slice(-13,-7);

Hasil res adalah:

Banana

Coba Sendiri

Jika parameter kedua diabaikan, metode ini akan memotong bagian sisa string:

Contoh

var res = str.slice(7);

Coba Sendiri

atau hitung dari akhir:

Contoh

var res = str.slice(-13);

Coba Sendiri

Petunjuk:Posisi negatif tidak berlaku untuk Internet Explorer 8 dan versi yang lebih awal.

Metode substring()

substring() Sebanding dengan slice().

Perbedaan nya adalah substring() Tidak dapat menerima indeks negatif.

Contoh

var str = "Apple, Banana, Mango";
var res = str.substring(7,13);

Hasil res adalah:

Banana

Coba Sendiri

Jika parameter kedua diabaikan, metode ini akan memotong bagian sisa string. substring() Memotong bagian sisa string.

Metode substr()

substr() Sebanding dengan slice().

Perbedaan nya berada di parameter kedua yang menentukan bagian yang diambil.Panjang.

Contoh

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);

Hasil res adalah:

Banana

Coba Sendiri

Jika parameter kedua diabaikan, substr() akan memotong bagian sisa string.

Contoh

var str = "Apple, Banana, Mango";
var res = str.substr(7);

Coba Sendiri

Hasil res adalah:

Banana, Mango

Jika parameter pertama negatif, posisi akan dihitung dari akhir string.

Contoh

var str = "Apple, Banana, Mango";
var res = str.substr(-5);

Coba Sendiri

Hasil res adalah:

Mango

Parameter kedua tidak boleh negatif, karena ia menentukan panjangnya.

Ganti konten string

replace() Metode untuk mengganti nilai lain yang diatur di string:

Contoh

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3School");

Coba Sendiri

replace() metode tidak akan mengubah string yang dipanggilnya. Yang dikembalikan adalah string baru.

Secara default,replace() hanya mengganti yang cocok pertama:

Contoh

str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3School");

Coba Sendiri

Secara default,replace() yang berbeda besar ke kecil. Jadi tidak cocok untuk match MICROSOFT:

Contoh

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3School");

Coba Sendiri

Untuk melaksanakan penggantian yang tak berbeda besar ke kecil, gunakan ekspresi reguler /iyang tak berbeda besar ke kecil:

Contoh

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");

Coba Sendiri

Harap dicatat bahwa ekspresi reguler tanpa tanda kutip.

Untuk mengganti semua yang cocok, gunakan ekspresi reguler g Tanda (digunakan untuk pencarian global):

Contoh

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3School");

Coba Sendiri

Anda akan belajar lebih banyak tentang ekspresi reguler JavaScript di bab iniEkspresi Regulerdalamnya.

Penukaran ke huruf besar dan kecil

Dengan toUpperCase() Ubah string ke huruf besar:

Contoh

var text1 = "Hello World!";       // string
var text2 = text1.toUpperCase();  // text2 adalah text1 yang diubah ke huruf besar

Coba Sendiri

Dengan toLowerCase() Ubah string ke huruf kecil:

Contoh

var text1 = "Hello World!";       // string
var text2 = text1.toLowerCase();  // text2 adalah text1 yang diubah ke huruf kecil

Coba Sendiri

Metode concat()

concat() Koneksikan dua atau lebih string:

Contoh

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);

Coba Sendiri

concat() Metode dapat digunakan untuk menggantikan operator penjumlahan. Baris berikut adalah ekuisi:

Contoh

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

Semua metode string akan mengembalikan string baru. Mereka tidak akan mengubah string asli.

Dengan kata yang resmi: string adalah tak dapat diubah: string tidak dapat diubah, hanya dapat digantikan.

String.trim()

trim() Metode ini menghapus spasi di kedua sisi string:

Contoh

var str = "       Hello World!        ";
alert(str.trim());

Peringatan:Internet Explorer 8 atau versi yang lebih rendah tidak mendukung trim() metode.

Coba Sendiri

Untuk mendukung IE 8, Anda dapat digabungkan dengan ekspresi reguler replace() Metode yang digantikan:

Contoh

var str = "       Hello World!        ";
alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));

Coba Sendiri

Anda juga dapat menggunakan skema replace di atas untuk menambahkan fungsi trim ke String.prototype JavaScript:

Contoh

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
var str = "       Hello World!        ";
alert(str.trim());

Coba Sendiri

Eksstraksi Karakter String

Ini adalah dua metode untuk mengekstrak karakter stringAmanMetode:

  • charAt(posisi)
  • charCodeAt(posisi)

Metode charAt()

charAt() Metode ini mengembalikan string yang ditentukan indeks (lokasi) spesifik:

Contoh

var str = "HELLO WORLD";
str.charAt(0);            // Mengembalikan H

Coba Sendiri

Metode charCodeAt()

charCodeAt() Metode ini mengembalikan kode unicode karakter yang ditentukan indeks string:

Contoh

var str = "HELLO WORLD";
str.charCodeAt(0);         // Mengembalikan 72

Coba Sendiri

Akses Properti (Property Access)

ECMAScript 5 (2009) mengizinkan akses properti string [ ]:

Contoh

var str = "HELLO WORLD";
str[0];                   // Mengembalikan H

Coba Sendiri

Penggunaan akses properti agaknya kurang terpercaya:

  • Tidak berlaku untuk Internet Explorer 7 atau versi yang lebih awal
  • Ini membuat string terlihat seperti array (tetapi bukanlah)
  • jika tidak dapat menemukan karakter[ ] Mengembalikan undefineddan charAt() Mengembalikan string kosong.
  • Ini hanya baca.str[0] = "A" Tidak akan menghasilkan kesalahan (tetapi tidak akan berfungsi!)

Contoh

var str = "HELLO WORLD";
str[0] = "A";             // Tidak akan menghasilkan kesalahan, tetapi tidak akan berfungsi
str[0];                   // Mengembalikan H

Coba Sendiri

Petunjuk:Jika Anda ingin mengelola string seperti array, Anda dapat mengubahnya menjadi array terlebih dahulu.

Mengubah string menjadi array

Dapat split() Mengubah string menjadi array:

Contoh

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Memisahkan dengan koma
txt.split(" ");          // Memisahkan dengan spasi
txt.split("|");          // Memisahkan dengan garis miring

Coba Sendiri

Jika simbol pemisah diabaikan, array yang dikembalikan akan mengandung string penuh di index [0].

Jika simbol pemisah adalah "", array yang dikembalikan akan berisi array interval karakter tunggal:

Contoh

var txt = "Hello";       // String
txt.split("\"");           // Memisahkan menjadi karakter

Coba Sendiri

Panduan Lengkap String

Untuk panduan lengkap, silakan kunjungi panduan lengkap kami Panduan Referensi String JavaScript.

Panduan ini mengandung deskripsi dan contoh tentang semua atribut dan metode string.