String JavaScript (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang string JavaScript dengan bantuan contoh.

String JavaScript adalah tipe data primitif yang digunakan untuk bekerja dengan teks. Sebagai contoh,

 const name = 'John';

Buat String JavaScript

Dalam JavaScript, string dibuat dengan mengapitnya dengan tanda kutip. Ada tiga cara untuk menggunakan kutipan.

  • Kutipan tunggal: 'Hello'
  • Kutipan ganda: "Hello"
  • Backticks: `Hello`

Sebagai contoh,

 //strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;

Tanda kutip tunggal dan tanda kutip ganda praktis sama dan Anda dapat menggunakan salah satunya.

Backticks umumnya digunakan saat Anda perlu memasukkan variabel atau ekspresi ke dalam string. Ini dilakukan dengan membungkus variabel atau ekspresi dengan $(variable or expression)seperti yang ditunjukkan di atas.

Anda juga bisa menulis kutipan di dalam kutipan lain. Sebagai contoh,

 const name = 'My name is "Peter".';

Namun, kutipan tidak boleh cocok dengan kutipan di sekitarnya. Sebagai contoh,

 const name = 'My name is 'Peter'.'; // error

Akses Karakter String

Anda dapat mengakses karakter dalam string dengan dua cara.

  • Salah satu caranya adalah dengan memperlakukan string sebagai array. Sebagai contoh,
 const a = 'hello'; console.log(a(1)); // "e"
  • Cara lain adalah dengan menggunakan metode tersebut charAt(). Sebagai contoh,
 const a = 'hello'; console.log(a.charAt(1)); // "e"

String JavaScript tidak dapat diubah

Dalam JavaScript, string tidak dapat diubah. Itu berarti karakter string tidak dapat diubah. Sebagai contoh,

 let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"

Namun, Anda dapat menetapkan nama variabel ke string baru. Sebagai contoh,

 let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"

JavaScript Peka Huruf Besar-Kecil

JavaScript peka huruf besar kecil. Itu berarti di JavaScript, huruf kecil dan huruf besar diperlakukan sebagai nilai yang berbeda. Sebagai contoh,

 const a = 'a'; const b = 'A' console.log(a === b); // false

Dalam JavaScript, adan Adiperlakukan sebagai nilai yang berbeda.

String Multiline JavaScript

Untuk menggunakan string multiline, Anda dapat 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 String JavaScript

Untuk mengetahui panjang sebuah string, Anda dapat menggunakan lengthproperti built-in . Sebagai contoh,

 const a = 'hello'; console.log(a.length); // 5

Objek String JavaScript

Anda juga dapat membuat string menggunakan newkata 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 : Direkomendasikan untuk menghindari penggunaan objek string. Menggunakan objek string memperlambat program.

Metode String JavaScript

Berikut adalah metode String JavaScript yang umum digunakan:

metode Deskripsi
charAt (indeks) mengembalikan karakter pada indeks yang ditentukan
concat () menggabungkan dua atau lebih string
menggantikan() mengganti string dengan string lain
membagi() mengonversi string menjadi larik string
substr (mulai, panjang) mengembalikan bagian dari string
substring (awal, akhir) mengembalikan bagian dari string
irisan (mulai, akhir) mengembalikan bagian dari string
toLowerCase () 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 garis baru
r Kereta kembali
v tab vertikal
t tab horizontal
b menghapus
f bentuk pakan

Artikel yang menarik...