JavaScript String Metode

JavaScript String Metode

Metode String membantu Anda untuk bekerja dengan string.

Menemukan String dalam String

The indexOf () method mengembalikan indeks (posisi) yang pertama terjadinya teks tertentu dalam sebuah string:

Contoh

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");

<!DOCTYPE html>

<html>

<body>

<p id="p1">Please locate where 'locate' occurs!.</p>

function myFunction() {

var str = document.getElementById("p1").innerHTML;

var pos = str.indexOf("locate");

document.getElementById("demo").innerHTML = pos;

}

</script>

</body>

</html>

The lastIndexOf () method mengembalikan indeks dari terakhir terjadinya teks tertentu dalam sebuah string:

Contoh

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");

<!DOCTYPE html>

<html>

<body>

<p id="p1">Please locate where 'locate' occurs!.</p>

function myFunction() {

var str = document.getElementById("p1").innerHTML;

var pos = str.lastIndexOf("locate");

document.getElementById("demo").innerHTML = pos;

}

</script>

</body>

</html>

Baik indexOf (), dan lastIndexOf () metode kembali -1 jika teks tidak ditemukan.

JavaScript menghitung posisi dari nol.
0 adalah posisi pertama dalam string, 1 adalah yang kedua, 2 adalah yang ketiga ...

Kedua metode menerima parameter kedua sebagai posisi awal untuk pencarian.

Mencari String dalam String

The pencarian () metode pencarian string untuk nilai tertentu dan mengembalikan posisi pertandingan:

Contoh

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");

<!DOCTYPE html>

<html>

<body>

<p id="p1">Please locate where 'locate' occurs!.</p>

function myFunction() {

var str = document.getElementById("p1").innerHTML;

var pos = str.search("locate");

document.getElementById("demo").innerHTML = pos;

}

</script>

</body>

</html>

Apakah Anda Perhatikan?

Dua metode, indexOf () dan pencarian (), adalah sama.

Mereka menerima argumen yang sama (parameter), dan mereka mengembalikan nilai yang sama.

Dua metode adalah sama, tetapi metode pencarian () dapat mengambil nilai-nilai pencarian jauh lebih kuat.

Anda akan belajar lebih banyak tentang nilai-nilai pencarian yang kuat dalam bab tentang kalimat biasa.

Ekstrak String Parts

Ada 3 metode untuk mengekstraksi bagian dari string:

slice (awal, akhir)
substring (awal, akhir)
substr (start, panjang)

Potongan () Metode

slice () ekstrak bagian dari string dan mengembalikan bagian diekstraksi dalam string baru.

Metode ini membutuhkan 2 parameter: indeks awal (posisi), dan indeks akhir (posisi).

Contoh ini irisan keluar sebagian string dari posisi 7 ke posisi 13:

Contoh

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

Hasil res akan:

Banana

<!DOCTYPE html>

<html>

<body>

<p>The slice() method extract a part of a string

and returns the extracted parts in a new string:</p>

var str = "Apple, Banana, Kiwi";

document.getElementById("demo").innerHTML = str.slice(7,13);

</script>

</body>

</html>

Jika parameter negatif, posisi dihitung dari akhir string.

Contoh ini irisan keluar sebagian string dari posisi -12 ke posisi -6:

Contoh

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12,-6);

Hasil res akan:

Banana

<!DOCTYPE html>

<html>

<body>

<p>The slice() method extract a part of a string

and returns the extracted parts in a new string:</p>

var str = "Apple, Banana, Kiwi";

document.getElementById("demo").innerHTML = str.slice(-12,-6);

</script>

</body>

</html>

Jika Anda menghilangkan parameter kedua, metode yang akan mengiris sisa string:

Contoh

var res = str.slice(7);

<!DOCTYPE html>

<html>

<body>

<p>The slice() method extract a part of a string

and returns the extracted parts in a new string:</p>

var str = "Apple, Banana, Kiwi";

document.getElementById("demo").innerHTML = str.slice(7);

</script>

</body>

</html>

atau, menghitung dari akhir:

Contoh

var res = str.slice(-12);

<!DOCTYPE html>

<html>

<body>

<p>The slice() method extract a part of a string

and returns the extracted parts in a new string:</p>

var str = "Apple, Banana, Kiwi";

document.getElementById("demo").innerHTML = str.slice(-12);

</script>

</body>

</html>

Posisi negatif tidak bekerja di Internet Explorer 8 dan sebelumnya.

Substring () Metode

substring () mirip dengan mengiris ().

Perbedaannya adalah bahwa substring () tidak dapat menerima indeks negatif.

Contoh

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

Hasil res akan:

Banana

<!DOCTYPE html>

<html>

<body>

<p>The substr() method extract a part of a string

and returns the extracted parts in a new string:</p>

var str = "Apple, Banana, Kiwi";

document.getElementById("demo").innerHTML = str.substring(7,13);

</script>

</body>

</html>

Jika Anda menghilangkan parameter kedua, substring () akan mengiris sisa string.

The substr () Metode

substr () mirip dengan mengiris ().

Perbedaannya adalah bahwa parameter kedua menentukan panjang dari bagian diekstrak.

Contoh

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

Hasil res akan:

Banana

<!DOCTYPE html>

<html>

<body>

<p>The substr() method extract a part of a string

and returns the extracted parts in a new string:</p>

var str = "Apple, Banana, Kiwi";

document.getElementById("demo").innerHTML = str.substr(7,6);

</script>

</body>

</html>

Jika parameter pertama adalah negatif, posisi penting dari akhir string.

Parameter kedua tidak boleh negatif, karena mendefinisikan panjang.

Jika Anda menghilangkan parameter kedua, substr () akan mengiris sisa string.

Mengganti String Konten

The mengganti () metode menggantikan nilai tertentu dengan nilai lain dalam sebuah string:

Contoh

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

<!DOCTYPE html>

<html>

<body>

<p>Replace "Microsoft" with "W3Schools" in the paragraph below:</p>

<p id="demo">Please visit Microsoft!</p>

function myFunction() {

var str = document.getElementById("demo").innerHTML;

var txt = str.replace("Microsoft","W3Schools");

document.getElementById("demo").innerHTML = txt;

}

</script>

</body>

</html>

Ganti () Metode ini juga dapat mengambil ekspresi reguler sebagai nilai pencarian.

Konversi ke Atas dan Bawah Kasus

Sebuah string dikonversi ke huruf besar dengan toUpperCase () :

Contoh

var text1 = "Hello World!"; // String
var text2 = text1.toUpperCase(); // text2 is text1 converted to upper

<!DOCTYPE html>

<html>

<body>

<p>Convert string to upper case:</p>

<p id="demo">Hello World!</p>

function myFunction() {

var text = document.getElementById("demo").innerHTML;

document.getElementById("demo").innerHTML = text.toUpperCase();

}

</script>

</body>

</html>

Sebuah string dikonversi menjadi huruf dengan toLowerCase () :

Contoh

var text1 = "Hello World!"; // String
var text2 = text1.toLowerCase(); // text2 is text1 converted to lower

<!DOCTYPE html>

<html>

<body>

<p>Convert string to lower case:</p>

<p id="demo">Hello World!</p>

function myFunction() {

var text = document.getElementById("demo").innerHTML;

document.getElementById("demo").innerHTML = text.toLowerCase();

}

</script>

</body>

</html>

The concat () Metode

concat () menggabungkan dua atau lebih string:

Contoh

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

<!DOCTYPE html>

<html>

<body>

<p>The concat() method joins two or more strings:</p>

var text1 = "Hello";

var text2 = "World!"

document.getElementById("demo").innerHTML = text1.concat(" ",text2);

</script>

</body>

</html>The concat () metode dapat digunakan sebagai pengganti dari operator plus. Kedua baris melakukan hal yang sama:

Contoh

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

Semua metode String mengembalikan string baru. Mereka tidak mengubah string asli.
resmi mengatakan: String yang berubah: String tidak dapat diubah, hanya diganti.

Ekstrak String Karakter

Ada 2 aman metode untuk mengekstraksi karakter string:

charAt (posisi)
charCodeAt (posisi)

The charAt () Metode

The charAt () method mengembalikan karakter pada indeks tertentu (posisi) dalam sebuah string:

Contoh

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

<!DOCTYPE html>

<html>

<body>

<p>The charAt() method returns the character at a given position in a string:</p>

var str = "HELLO WORLD";

document.getElementById("demo").innerHTML = str.charAt(0);

</script>

</body>

</html>

The charCodeAt () Metode

The charCodeAt () method mengembalikan unicode karakter pada indeks tertentu dalam sebuah string:

Contoh

var str = "HELLO WORLD";

str.charCodeAt(0); // returns 72

<!DOCTYPE html>

<html>

<body>

<p>The charCodeAt() method returns the unicode of the character at a given position in a string:</p>

var str = "HELLO WORLD";

document.getElementById("demo").innerHTML = str.charCodeAt(0);

</script>

</body>

</html>

Mengakses String sebagai Array adalah tidak aman

Anda mungkin telah melihat kode seperti ini, mengakses string sebagai array:

var str = "HELLO WORLD";

str[0]; // returns H

Hal ini tidak aman dan tak terduga:

Ini tidak bekerja di semua browser (bukan di IE5, IE6, IE7)
Itu membuat string terlihat seperti array (tapi mereka tidak)
str [0] = "H" tidak memberikan kesalahan (tetapi tidak bekerja)

Jika Anda ingin membaca string sebagai array, mengubahnya menjadi array pertama.

Konversi String ke Array

Sebuah string dapat dikonversi ke array dengan () perpecahan metode:

Contoh

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe

<!DOCTYPE html>

<html>

<body>

<p>Click "Try it" to display the first array element, after a string split.</p>