10 Kaedah Rentetan JavaScript yang Harus Anda Kuasai Hari Ini

10 Kaedah Rentetan JavaScript yang Harus Anda Kuasai Hari Ini

Semasa memprogram dalam JavaScript, anda akan sering menemui senario yang memerlukan manipulasi rentetan. Sebagai contoh, semasa mengambil e-mel, anda mungkin perlu mengubah semua watak menjadi huruf kecil atau menggunakan ungkapan biasa untuk memeriksa apakah kata laluan yang dimasukkan memenuhi semua syarat.





Kaedah rentetan JavaScript akan membantu anda melakukan semua operasi ini pada rentetan mengikut keperluan anda dengan mudah. Berikut adalah 10 kaedah rentetan dengan contoh untuk membantu anda memahami dengan baik.



Apakah Kaedah Rentetan JavaScript?

String adalah struktur data asas yang terdiri daripada urutan watak. Struktur data ini adalah bahagian dari semua bahasa pengaturcaraan utama, termasuk Python, JavaScript, Java, dan banyak lagi.





Kaedah tali adalah kaedah JavaScript yang telah dibina sebelumnya yang membantu pembangun melakukan operasi biasa pada rentetan tanpa perlu menulis kod secara manual. Mereka dijalankan menggunakan notasi titik yang dilampirkan pada pembolehubah rentetan.

Berkaitan: Apa Fungsi dalam Pengaturcaraan?



bagaimana melihat mesej yang dipadam di facebook

Oleh kerana mereka hanya fungsi JavaScript, mereka selalu berakhir dengan tanda kurung yang dapat menahan argumen pilihan. Penting untuk mengetahui apa itu JavaScript dan bagaimana ia berfungsi sebelum melangkah lebih jauh. Mari mulakan dan pelajari kaedah ini dengan lebih terperinci.

Untuk kaedah yang akan datang, mari kita ambil pemboleh ubah rentetan hlm dengan nilai ' Selamat datang ke MUO! ' sebagai contoh.



let str = 'Welcome to MUO!'

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

The keLowerCase () kaedah tali menukar semua watak rentetan yang diberikan ke format huruf kecil, dan juga, keUpperCase () kaedah menukar semua watak menjadi format huruf besar. Fungsi ini tidak mengubah rentetan asal.

Sintaks:



toUpperCase()
toLowerCase()

Mari kita periksa kedua kaedah ini dengan contoh ringkas:

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

Semasa menjalankan kod di atas pada konsol, anda akan menerima output berikut:

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

2. String.concat ()

The ringkas () kaedah digunakan untuk menggabungkan dua atau lebih rentetan bersama. Anda boleh menambahkan satu atau lebih argumen untuk kaedah ini untuk menggabungkannya menjadi satu rentetan. Ia tidak membuat pengubahsuaian pada rentetan asal.

Sintaks:

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

Berikut adalah contoh yang menunjukkan gabungan dua rentetan untuk membentuk rentetan 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 ()

The Indeks() kaedah membantu anda mengetahui indeks pertama di mana watak atau substring yang ditentukan hadir. Ia bermula dari sebelah kiri dan mengesan rentetan untuk memeriksa apakah argumen yang diberikan sesuai.

Sintaks:

indexOf(str)

Mari cari indeks di mana MUO terdapat dalam rentetan dengan contoh:

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

Sekiranya argumen yang diberikan tidak terdapat dalam rentetan, kaedah mengembalikan nilai -1.

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

Begitu juga dengan lastIndexOf () kaedah mengembalikan indeks kejadian terakhir watak atau rentetan yang diberikan. Inilah contohnya:

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

Walaupun abjad Dan muncul di indeks 1, kejadian terakhir watak ini adalah pada indeks 6 dan dikembalikan sebagai output.

4. String.charAt ()

The charAt () kaedah tali mengembalikan watak pada indeks yang ditentukan dalam rentetan. Ia hanya menerima satu argumen, indeks di mana watak itu akan diambil. Nilai indeks berkisar antara 0 hingga panjang - 1.

Sintaks:

charAt(index)

Berikut adalah contoh charAt () kaedah:

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

Dalam contoh di atas, bila panjang str - 1 disahkan sebagai argumen, kaedah mengembalikan watak terakhir dari rentetan. Sekiranya anda memasukkan indeks tidak sah yang melebihi julat yang dibenarkan, kaedah ini mengembalikan -1.

5. String.charCodeAt ()

Sama dengan kaedah charAt, yang charCodeAt () kaedah mengembalikan Nilai ASCII watak pada indeks yang ditentukan. Kaedah tali ini hanya mengambil satu argumen, indeks dari mana watak itu akan diambil.

Sintaks:

charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33

Sekali lagi, nilai indeks berkisar antara 0 hingga panjang - 1 dan jika anda cuba melewati indeks melebihi had yang dibenarkan, kaedah ini akan kembali -1.

6. String.replace ()

Seperti namanya, ganti () kaedah membantu anda mengganti satu bahagian rentetan dengan bahagian yang lain. Kaedah ini mengambil dua argumen: yang pertama adalah substring yang akan diganti, dan yang kedua adalah substring yang akan diganti dengan. Kaedah ini tidak membuat pengubahsuaian pada rentetan asal.

Sintaks:

replace(str1, str2)

Contohnya, jika anda mahu mengganti perkataan MUO dengan laman web ini dalam pemboleh ubah rentetan, anda boleh menggunakan ganti () kaedah 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 ()

The berpecah () kaedah digunakan untuk menguraikan semua kata atau watak dalam rentetan sesuai dengan argumen pemisah yang diteruskan ke kaedah tersebut. Jenis pengembalian kaedah ini adalah tatasusunan. Susunan ini terdiri daripada semua watak atau substring, dibahagi mengikut pemisah yang diberikan. Kaedah ini tidak mengubah rentak asal.

Sintaks:

split(separator)

Sebagai contoh, jika ruang kosong ('') dilewatkan sebagai argumen pemisah ke kaedah perpecahan, ini adalah bagaimana output akan kelihatan:

let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']

Sekiranya anda tidak menyampaikan hujah ke berpecah () kaedah, ia akan mengembalikan array dengan elemen tunggal yang terdiri daripada nilai pemboleh ubah rentetan anda.

let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']

8. String.substring ()

The substring () kaedah digunakan untuk mendapatkan substring atau sebahagian daripada rentetan asal. Kaedah ini mengambil dua parameter: indeks permulaan dan indeks akhir. Substring output bermula dari indeks permulaan yang ditentukan dan mencetak hingga indeks akhir - 1.

Sintaks:

substring(startIndex, endIndex)

Berikut adalah contoh ringkas mengenai substring () kaedah:

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

Perhatikan bahawa watak pada indeks akhir bukan sebahagian daripada output.

The cari () kaedah membantu mencari substring atau watak tertentu di dalam rentetan asal. Kaedah ini menerima sekumpulan watak atau substring sebagai argumen dan menelusuri rentetan. Setelah mencari perlawanan, indeks permulaan bahagian yang dipadankan dikembalikan. Jika tidak, kaedah ini mengembalikan -1.

Sintaks:

search(substring)

Anda boleh menggunakan cari () kaedah dengan cara ini:

console.log(str.search('MUO'));
console.log(str.search('2')); 11
-1

10. String.trim ()

The memangkas () kaedah menghilangkan semua ruang putih dalam rentetan, sebelum watak pertama dan selepas watak terakhir. Kaedah ini tidak menghendaki anda melewati parameter apa pun dan tidak mengubah rentetan asal. Sangat berguna untuk pengesahan input pengguna dalam bentuk.

Sintaks:

trim()

Mari kita ambil contoh baru untuk meneroka kaedah rentetan ini:

cara menghantar mesej kepada seseorang di youtube 2019
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! '

Lebih Banyak Kaedah JavaScript untuk Lihat

Oleh itu, ini adalah kaedah ringkas beberapa kaedah rentetan biasa yang dapat membantu anda menjadi lebih produktif sebagai pembangun JavaScript. Kaedah ini juga akan membantu anda mendapatkan wawancara pengkodan anda untuk soalan berkaitan rentetan. Latihan menjadi sempurna, jadi teruskan kaedah ini di konsol anda sendiri.

Setelah anda menggunakan kaedah rentetan, mungkin ada baiknya anda melihat beberapa kaedah array yang dapat meningkatkan lagi penguasaan JavaScript anda.

Berkongsi Berkongsi Tweet E-mel 15 Kaedah Susunan JavaScript yang Harus Anda Kuasai Hari Ini

Ingin memahami susunan JavaScript tetapi tidak dapat mengatasinya? Lihat contoh array JavaScript kami untuk panduan.

Baca Seterusnya Topik-topik yang berkaitan
  • Pengaturcaraan
  • JavaScript
  • Petua Pengekodan
Mengenai Pengarang Nitin Ranganath(31 Artikel Diterbitkan)

Nitin adalah pembangun perisian yang gemar dan pelajar kejuruteraan komputer yang mengembangkan aplikasi web menggunakan teknologi JavaScript. Dia bekerja sebagai pembangun web bebas dan suka menulis untuk Linux dan Pengaturcaraan pada masa lapang.

Lagi Dari Nitin Ranganath

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan