Lompati ke konten utama
Modul 2 · Pelajaran 2 dari 46/32 dalam kursus~10 min
Pelajaran modul (2/4)

Metode string

String di JS memiliki puluhan metode tetapi dalam praktiknya Anda akan menggunakan sepuluh metode mereka. Semuanya adalah fungsi yang tidak mengubah string asli (string immutable) tetapi mengembalikan nilai baru.

Panjang, kasus, pencarian

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1   (not found)

length adalah properti (tanpa tanda kurung), yang lainnya adalah metode — fungsi dipanggil dengan (…).

Mengekstrak bagian dengan slice

slice(start, end) mengembalikan sub-string di antara posisi yang diberikan (end tidak termasuk). Indeks negatif dihitung dari akhir.

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh'      (last two)

Berpisah dan bersatu kembali

split(separator) membagi string menjadi beberapa bagian. Kebalikannya adalah join(...) pada larik:

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Mengganti

replace mengubah kejadian pertama, replaceAll mengubah semuanya:

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

Trim: menghilangkan spasi di tepinya

trim() menghapus spasi (dan baris baru, tab) di awal dan akhir. Sangat diperlukan saat Anda menerima masukan dari formulir.

JS
'   ciao  '.trim(); // 'ciao'

Cobalah

Latihan#js.m2.l2.e1
Upaya: 0Memuat…

Diberikan email `' Mario.Rossi@Example.com '', normalkan: hapus spasi di sekitarnya dan huruf kecil. Ekspresi terakhir harus bernilai 'mario.rossi@example.com'.

Memuat editor…
Tunjukkan petunjuk

Anda dapat merangkai metode: pertama trim(), lalu toLowerCase().

Solusi tersedia setelah 3 upaya

Tinjau latihan

Latihan#js.m2.l2.e2
Upaya: 0Memuat…

Diberikan string `'rosso,verde,blu,giallo'`, kembalikan JUMLAH warna sebagai ekspresi terakhir (yaitu 4).

Memuat editor…
Tunjukkan petunjuk

split(',') memberi Anda sebuah array; .length memberi Anda jumlah elemen.

Solusi tersedia setelah 3 upaya