Apa itu split pada javascript?

Secara umum, sebuah |_+_| mewakili urutan karakter dalam bahasa pemrograman.

Table of Contents Show

Metode split() dalam JavaScript
Cara Membagi String dengan Setiap Karakter
Cara Membagi String menjadi Satu Array
Cara Membagi String Menggunakan Karakter yang Tidak Cocok
Cara Membagi dengan Batas
Cara Membagi Menggunakan Regex
Cara Mengganti Karakter dalam String menggunakan Metode Split()
ES6: Cara Memisahkan dengan Penghancuran Array
Sebelum Kita Akhiri…

Mari kita lihat contoh string yang dibuat menggunakan urutan karakter, Yes, You Can DO It!. Dalam JavaScript, kita dapat membuat string dalam beberapa cara:

Menggunakan string literal sebagai primitif

string

Menggunakan |_+_| konstruktor sebagai objek

const msg = 'Yes, You Can DO It!';

Satu fakta menarik tentang string dalam JavaScript adalah kita dapat mengakses karakter dalam string menggunakan indeksnya. Indeks karakter pertama adalah 0, dan bertambah 1. Jadi, kita dapat mengakses setiap karakter string seperti ini:

String()

Gambar di bawah ini mewakili hal yang sama:

Mengakses Karakter String dengan Indeks

Terlepas dari kemampuannya untuk mengakses karakter string berdasarkan indeksnya, JavaScript juga menyediakan banyak metode utilitas untuk mengakses karakter, mengambil bagian dari string, dan memanipulasinya.

Dalam artikel ini akan belajar tentang metode string praktis yang disebut |_+_|. Saya harap Anda menikmati membacanya.

NS Artikel asli dapat ditemukan di https://www.freecodecamp.org
cara memperbarui pip mac

Metode split() dalam JavaScript

|_+_| metode membagi (membagi) string menjadi dua atau lebih substring tergantung pada |_+_| (atau pembagi). Pemisah dapat berupa karakter tunggal, string lain, atau ekspresi reguler.

Setelah memisahkan string menjadi beberapa substring, |_+_| metode menempatkan mereka dalam array dan mengembalikannya. Itu tidak membuat modifikasi apa pun pada string asli.

Mari kita pahami cara kerjanya dengan sebuah contoh. Berikut adalah string yang dibuat menggunakan literal string:

const msg = new String('Yes, You Can DO It!');

Kita bisa memanggil |_+_| metode pada |_+_| rangkaian. Mari kita pisahkan string berdasarkan karakter spasi (|_+_|). Di sini karakter spasi bertindak sebagai pemisah atau pembagi.

let str = 'Yes, You Can Do It!'; console.log(str[0]); // Y console.log(str[1]); // e console.log(str[2]); // s console.log(str[3]); // , console.log(str[10]); // a

Tujuan utama dari |_+_| metodenya adalah mendapatkan potongan yang Anda minati dari sebuah string untuk menggunakannya dalam kasus penggunaan lebih lanjut.

Cara Membagi String dengan Setiap Karakter

Anda dapat membagi string dengan setiap karakter menggunakan string kosong('') sebagai pemisah. Pada contoh di bawah, kami membagi pesan yang sama menggunakan string kosong. Hasil dari pemisahan akan menjadi array yang berisi semua karakter dalam string pesan.

split()

Harap dicatat bahwa memisahkan string kosong ('') menggunakan string kosong sebagai pembagi mengembalikan array kosong. Anda mungkin mendapatkan ini sebagai pertanyaan dalam wawancara kerja Anda yang akan datang!

split()

Cara Membagi String menjadi Satu Array

Anda dapat memanggil |_+_| metode pada string tanpa pembagi/pembagi. Ini hanya berarti |_+_| metode tidak memiliki argumen yang diteruskan ke sana.

Saat Anda memanggil |_+_| metode pada string tanpa splitter, ia mengembalikan array yang berisi seluruh string.

splitter

Perhatikan lagi, panggil |_+_| metode pada string kosong('') tanpa splitter akan mengembalikan array dengan string kosong. Itu tidak mengembalikan array kosong.

Berikut adalah dua contoh sehingga Anda dapat melihat perbedaannya:

split()

Cara Membagi String Menggunakan Karakter yang Tidak Cocok

Biasanya, kami menggunakan splitter yang merupakan bagian dari string yang kami coba pisahkan. Mungkin ada kasus di mana Anda mungkin melewati pemisah yang bukan bagian dari string atau tidak cocok dengan bagian mana pun darinya. Dalam hal ini, |_+_| metode mengembalikan array dengan seluruh string sebagai elemen.

Pada contoh di bawah, string pesan tidak memiliki karakter koma (,). Mari kita coba untuk membagi string menggunakan koma splitter (,).

let message = 'I am a Happy Go lucky Guy';

Anda harus menyadari hal ini karena ini dapat membantu Anda men-debug masalah karena kesalahan sepele seperti melewatkan splitter yang salah di |_+_| metode.

Cara Membagi dengan Batas

Jika menurut Anda |_+_| metode hanya menggunakan splitter sebagai parameter opsional, izinkan saya memberi tahu Anda bahwa ada satu lagi. Anda juga dapat melewati |_+_| sebagai parameter opsional untuk |_+_| metode.

split()

Seperti namanya, |_+_| parameter membatasi jumlah pemisahan. Artinya array yang dihasilkan hanya akan memiliki jumlah elemen yang ditentukan oleh parameter limit.

Pada contoh di bawah ini, kami membagi string menggunakan spasi (' ') sebagai pemisah. Kami juga memberikan nomor |_+_| sebagai batas. |_+_| metode mengembalikan array dengan hanya empat elemen, mengabaikan sisanya.

message

Cara Membagi Menggunakan Regex

Kami juga dapat meneruskan ekspresi reguler (regex) sebagai pembagi/pembagi ke |_+_| metode. Mari kita pertimbangkan string ini untuk dibagi:

' '

Mari kita pisahkan string ini pada titik (.), tanda seru (!), dan tanda tanya (?). Kita dapat menulis regex yang mengidentifikasi kapan karakter ini muncul. Kemudian kami meneruskan regex ke |_+_| metode dan memanggilnya pada string di atas.

// Split using a space character let arr = message.split(' '); // The array console.log(arr); // ['I', 'am', 'a', 'Happy', 'Go', 'lucky', 'Guy'] // Access each of the elements of the array. console.log(arr[0]); // 'I' console.log(arr[1]); // 'am' console.log(arr[2]); // 'a' console.log(arr[3]); // 'Happy' console.log(arr[4]); // 'Go', console.log(arr[5]); // 'lucky' console.log(arr[6]); // 'Guy'

Outputnya terlihat seperti ini:

Pisahkan menggunakan Ekspresi Reguler

Anda dapat menggunakan |_+_| parameter untuk membatasi output hanya pada tiga elemen pertama, seperti ini:

split()

Outputnya terlihat seperti ini:

deteksi gumpalan opencv python

Pisahkan menggunakan Ekspresi Reguler dan nilai Batas

Jika Anda ingin menangkap karakter yang digunakan dalam ekspresi reguler dalam larik keluaran, Anda perlu sedikit mengubah regex. Gunakan tanda kurung untuk menangkap karakter yang cocok. Regex yang diperbarui akan menjadi |_+_|.

Cara Mengganti Karakter dalam String menggunakan Metode Split()

Anda dapat memecahkan banyak masalah menarik menggunakan |_+_| metode yang dikombinasikan dengan metode string dan array lainnya. Mari kita lihat satu di sini. Ini bisa menjadi kasus penggunaan umum untuk mengganti semua kemunculan karakter dalam string dengan karakter lain.

Misalnya, Anda mungkin ingin membuat |_+_| elemen HTML dari nilai nama. Nilai nama boleh berisi spasi (' '), tetapi dalam HTML, nilai id tidak boleh mengandung spasi. Kita dapat melakukannya dengan cara berikut:

console.log(message.split('')); // ['I', ' ', 'a', 'm', ' ', 'a', ' ', 'H', 'a', 'p', 'p', 'y', ' ', 'G', 'o', ' ', 'l', 'u', 'c', 'k', 'y', ' ', 'G', 'u', 'y']

Pertimbangkan nama memiliki nama depan (Tapas) dan nama belakang (Adhikary) dipisahkan oleh spasi. Di sini pertama-tama kita membagi nama menggunakan pemisah spasi. Ini mengembalikan array yang berisi nama depan dan belakang sebagai elemen, yaitu|_+_|.

Kemudian kita menggunakan metode array yang disebut |_+_| untuk menggabungkan elemen array menggunakan |_+_| karakter. |_+_| metode mengembalikan string dengan menggabungkan elemen menggunakan karakter yang diteruskan sebagai parameter. Oleh karena itu kita mendapatkan hasil akhir sebagai |_+_|.

ES6: Cara Memisahkan dengan Penghancuran Array

ECMAScript2015 (ES6) memperkenalkan cara yang lebih inovatif untuk mengekstrak elemen dari array dan menetapkannya ke variabel. Sintaks pintar ini dikenal sebagai |_+_|. Kita dapat menggunakan ini dengan |_+_| metode untuk menetapkan output ke variabel dengan mudah dengan lebih sedikit kode.

''.split(''); // returns []

Di sini kita membagi nama menggunakan karakter spasi sebagai pemisah. Kemudian kami menetapkan nilai yang dikembalikan dari array ke beberapa variabel (|_+_| dan |_+_|) menggunakan sintaks Array Destructuring.

Sebelum Kita Akhiri…

Apakah Anda ingin membuat kode dan belajar bersama saya? Anda dapat menemukan konten yang sama di sini di Video YouTube ini. Buka saja editor kode favorit Anda dan mulai.

Saya harap artikel ini bermanfaat bagi Anda, dan membantu Anda memahami String JavaScript |_+_| metode lebih jelas. Silakan berlatih contoh beberapa kali untuk mendapatkan pegangan yang baik pada mereka. Anda dapat menemukan semua contoh kode di repositori GitHub saya .

Mari terhubung. Anda akan menemukan saya aktif di Twitter (tapasadhikary) . Mohon ijin untuk memberikan follow.

#javascript #pengembangan web #pemrograman #pengembang