10 Metode String JavaScript yang Harus Anda Kuasai Hari Ini

Saat memprogram dalam JavaScript, Anda akan sering menemukan skenario yang memerlukan manipulasi string. Misalnya, saat mengambil email, Anda mungkin perlu mengonversi semua karakter menjadi huruf kecil atau menggunakan ekspresi reguler untuk memeriksa apakah kata sandi yang dimasukkan memenuhi semua ketentuan.

Metode string JavaScript akan membantu Anda melakukan semua operasi ini pada string sesuai kebutuhan Anda dengan mudah. Berikut adalah 10 metode string dengan contoh untuk membantu Anda memahaminya dengan baik.

Apa Itu Metode String JavaScript?

String adalah struktur data dasar yang terdiri dari urutan karakter. Struktur data ini adalah bagian dari semua bahasa pemrograman utama, termasuk Python, JavaScript, Java, dan banyak lagi.

Metode string adalah metode JavaScript pra-bangun yang membantu pengembang melakukan operasi umum pada string tanpa perlu menulis kode secara manual. Mereka dijalankan menggunakan notasi titik yang dilampirkan ke variabel string.

Terkait: Apa Fungsi dalam Pemrograman?

cara memperbaiki pengontrol xbox one

Karena mereka hanya fungsi JavaScript, mereka selalu diakhiri dengan tanda kurung yang dapat menampung argumen opsional. Penting untuk diketahui apa itu JavaScript dan bagaimana cara kerjanya sebelum melangkah lebih jauh. Mari kita mulai dan pelajari metode ini secara lebih rinci.

Untuk metode yang akan datang, mari kita ambil variabel string P dengan nilai ' Selamat datang di MUO! ' sebagai contoh.

let str = 'Welcome to MUO!'

1. String.toLowerCase() dan String.toUppperCase()

NS toLowerCase() metode string mengubah semua karakter dari string yang diberikan ke format huruf kecil, dan demikian pula, toUpperCase() metode mengubah semua karakter ke format huruf besar. Fungsi-fungsi ini tidak mengubah string asli.

Sintaksis:

toUpperCase()  
toLowerCase()

Mari kita periksa dua metode ini dengan contoh cepat:

console.log(str.toLowerCase());  
console.log(str.toUpperCase());  
console.log(str);

Saat menjalankan kode di atas di konsol, Anda akan menerima output berikut:

'welcome to muo!'  
'WELCOME TO MUO!'  
'Welcome to MUO!'

2. String.concat()

NS concat() metode yang digunakan untuk menggabungkan dua atau lebih string menjadi satu. Anda dapat menambahkan satu atau beberapa argumen ke metode ini untuk menggabungkannya menjadi satu string. Itu tidak membuat modifikasi apa pun pada string asli.

Sintaksis:

concat(str1, str2, str3, ...)

Berikut adalah contoh yang menampilkan penggabungan dua string untuk membentuk string baru:

let str2 = ' How are you?';  
let newString = str.concat(str2);  
console.log(newString);

'Welcome to MUO! How are you?'

3. String.indexOf() dan String.lastIndexOf()

NS Indeks() metode membantu Anda menemukan indeks pertama di mana karakter atau substring yang ditentukan ada. Itu dimulai dari sisi kiri dan menelusuri string untuk memeriksa apakah argumen yang diberikan cocok.

Sintaksis:

indexOf(str)

Mari kita cari tahu indeks di mana MUO hadir dalam string dengan contoh:

console.log(str.indexOf('MUO')); 11

Jika argumen yang diberikan tidak ada dalam string, metode mengembalikan nilai -1.

console.log(str.indexOf('Hello')); -1

Demikian pula, indeks terakhir() metode mengembalikan indeks kemunculan terakhir dari karakter atau string yang diberikan. Berikut ini contohnya:

console.log(str.lastIndexOf('e')); 6

Meskipun alfabet Dan muncul di indeks 1, kemunculan terakhir karakter ini ada di indeks 6 dan karenanya dikembalikan sebagai output.

4. String.charAt()

NS karakter() metode string mengembalikan karakter pada indeks yang ditentukan dalam string. Ia hanya menerima satu argumen, indeks di mana karakter akan diambil. Nilai indeks berkisar dari 0 hingga panjang - 1.

Sintaksis:

charAt(index)

Berikut adalah contoh dari karakter() metode:

console.log(str.charAt(9));  
console.log(str.charAt(0));  
console.log(str.charAt(str.length - 1));

o  
W  
!

Dalam contoh di atas, ketika str.panjang - 1 dilewatkan sebagai argumen, metode mengembalikan karakter terakhir dari string. Jika Anda memasukkan indeks yang tidak valid yang berada di luar rentang yang diizinkan, metode ini mengembalikan -1.

5. String.charCodeAt()

Mirip dengan metode charAt, NS charCodeAt () metode mengembalikan nilai ASCII karakter pada indeks yang ditentukan. Metode string ini hanya membutuhkan satu argumen, indeks dari mana karakter akan diambil.

Sintaksis:

charCodeAt(index)

str.charCodeAt(5);  
str.charCodeAt(str.length - 1);

109  
33

Sekali lagi, nilai indeks berkisar dari 0 hingga panjang - 1 dan jika Anda mencoba melewati indeks di luar batas yang diizinkan, metode ini akan mengembalikan -1.

6. String.ganti()

Seperti namanya, mengganti() metode membantu Anda mengganti satu bagian dari string dengan bagian lain. Metode ini membutuhkan dua argumen: yang pertama adalah substring yang akan diganti, dan yang kedua adalah substring yang akan diganti. Metode ini tidak membuat modifikasi apa pun pada string asli.

Sintaksis:

replace(str1, str2)

Misalnya, jika Anda ingin mengganti kata MUO dengan situs ini dalam variabel string, Anda dapat menggunakan mengganti() metode seperti ini:

let newString = str.replace('MUO', 'this website');  
console.log(newString);  
console.log(str);

Welcome to this website!  
Welcome to MUO!

7. String.split()

NS membelah() metode digunakan untuk memecah semua kata atau karakter dalam string sesuai dengan argumen pemisah yang diteruskan ke metode. Tipe kembalian dari metode ini adalah array. Array ini terdiri dari semua karakter atau substring, dibagi sesuai dengan pemisah yang diberikan. Metode ini tidak mengubah string asli.

Sintaksis:

split(separator)

Misalnya, jika spasi kosong (' ') dilewatkan sebagai argumen pemisah ke metode split, beginilah tampilan outputnya:

let splitArray = str.split(' ');  
console.log(splitArray);

['Welcome', 'to', 'MUO!']

Jika Anda tidak memberikan argumen ke membelah() metode, itu akan mengembalikan array dengan elemen tunggal yang terdiri dari nilai variabel string Anda.

let splitArray = str.split();  
console.log(splitArray);

['Welcome to MUO!']

8. String.substring()

NS substring() metode yang digunakan untuk mendapatkan substring atau bagian dari string asli. Metode ini membutuhkan dua parameter: indeks awal dan indeks akhir. Substring keluaran dimulai dari indeks awal yang ditentukan dan dicetak hingga indeks akhir - 1.

Sintaksis:

substring(startIndex, endIndex)

Berikut adalah contoh singkat dari substring() metode:

console.log(str.substring(2,8)); 'lcome'

Perhatikan bahwa karakter pada indeks akhir bukan merupakan bagian dari output.

9. String.search()

NS Cari() metode membantu menemukan substring atau karakter tertentu di dalam string asli. Metode ini menerima sekelompok karakter atau substring sebagai argumen dan menelusuri string. Setelah menemukan kecocokan, indeks awal dari bagian yang cocok dikembalikan. Jika tidak, metode ini mengembalikan -1.

Sintaksis:

search(substring)

Anda dapat menggunakan Cari() metode dengan cara ini:

console.log(str.search('MUO'));  
console.log(str.search('2'));

11  
-1

10. String.trim()

NS memangkas() metode menghapus semua spasi putih dalam string, sebelum karakter pertama dan setelah karakter terakhir. Metode ini tidak mengharuskan Anda untuk melewatkan parameter apa pun dan tidak mengubah string asli. Ini sangat membantu untuk validasi input pengguna dalam formulir.

Sintaksis:

trim()

Mari kita ambil contoh baru untuk menjelajahi metode string ini:

cara menambahkan bookmark di adobe acrobat reader dc

let untrimmedString = ' Welcome to MUO! ';  
let trimmedString = untrimmedString.trim();  
console.log(trimmedString);  
console.log(untrimmedString);

'Welcome to MUO!'  
' Welcome to MUO! '

Lebih Banyak Metode JavaScript untuk Diperiksa

Jadi ini adalah ringkasan singkat dari beberapa metode string umum yang dapat membantu Anda menjadi lebih produktif sebagai pengembang JavaScript. Metode ini juga akan membantu Anda menguasai wawancara pengkodean untuk pertanyaan terkait string. Latihan menjadi sempurna, jadi lanjutkan dan coba metode ini di konsol Anda sendiri.

Setelah Anda menyelesaikan metode string, mungkin ada baiknya untuk melihat beberapa metode array yang dapat lebih meningkatkan penguasaan JavaScript Anda.

Membagikan Membagikan Menciak Surel 15 Metode Array JavaScript yang Harus Anda Kuasai Hari Ini

Ingin memahami array JavaScript tetapi tidak dapat memahaminya? Periksa contoh larik JavaScript kami untuk panduan.

Baca Selanjutnya Topik-topik yang berkaitan

Pemrograman
JavaScript
Kiat Pengkodean

Tentang Penulis Nitin Ranganath(31 Artikel Diterbitkan)

Nitin adalah pengembang perangkat lunak yang rajin dan mahasiswa teknik komputer yang mengembangkan aplikasi web menggunakan teknologi JavaScript. Dia bekerja sebagai pengembang web lepas dan suka menulis untuk Linux dan Pemrograman di waktu luangnya.

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan