Apa itu split n dalam javascript?

Question

Untuk memisahkan string dengan karakter baris baru dalam JavaScript, panggil metode split() pada string yang diberikan dan berikan string pembatas baris baru sebagai argumen dalam pemanggilan metode

Table of Contents Show

Cara Membagi String dengan Setiap Karakter
Cara Membagi String menjadi Satu Array
Cara Memisahkan String Menggunakan Karakter yang Tidak Cocok
Apa yang dilakukan split dalam JavaScript?
Apa yang dilakukan fungsi split ()?
Apa itu fungsi split () dalam string?
Bagaimana cara membagi baris baru dalam JavaScript?

Ekspresi untuk membagi string str dengan pembatas baris baru adalah

str.split('\n');

Contoh

Dalam contoh berikut, kami mengambil string multiline di str, memisahkan string dengan pembatas baris baru '\n', dan menampilkan array splits di pre#output

indeks. html

<!DOCTYPE html>
<html lang="en">
  <body>
    <pre id="output"></pre>
    <script>
      var str = `apple
banana
cherry`;
      var values = str.split('\n');
      for(index = 0; index < values.length; index++) {
        document.getElementById('output').innerHTML += index + ' - ' + values[index] + '\n';
      }
    </script>
  </body>
</html>

_

Kesimpulan

Dalam Tutorial JavaScript ini, kami belajar cara membagi string yang diberikan dengan karakter baris baru menggunakan String. split() metode, dengan program contoh

Mari kita lihat contoh string yang dibuat menggunakan rangkaian karakter, "Yes, You Can DO It. ". Dalam JavaScript, kita dapat membuat string dengan beberapa cara

Menggunakan string literal sebagai primitif

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

Menggunakan konstruktor

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

_8 sebagai objek

const msg = new String("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 bisa mengakses setiap karakter string seperti ini

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

Gambar di bawah ini mewakili hal yang sama

Mengakses Karakter String dengan Indeks

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

Pada artikel ini akan belajar tentang metode string praktis yang disebut

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

9. Saya harap Anda menikmati membacanya

Metode split() dalam JavaScript

Metode

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

_9 membagi (membagi) string menjadi dua atau lebih substring tergantung pada

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

1 (atau pembagi). Pemisah dapat berupa karakter tunggal, string lain, atau ekspresi reguler

Setelah memisahkan string menjadi beberapa substring, metode

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

9 memasukkannya ke dalam array dan mengembalikannya. Itu tidak membuat modifikasi apa pun pada string asli

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

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

Kita dapat memanggil metode

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

_9 pada string

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

4. Mari pisahkan string berdasarkan karakter spasi (

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

5). Di sini karakter spasi berperan sebagai pembagi atau sekat

// 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"

Tujuan utama dari metode

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

_9 adalah untuk mendapatkan potongan yang Anda minati dari sebuah string untuk digunakan dalam kasus penggunaan lebih lanjut

Cara Membagi String dengan Setiap Karakter

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

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

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

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

Cara Membagi String menjadi Satu Array

Anda dapat memanggil metode

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

_9 pada string tanpa pembagi/pembagi. Ini hanya berarti metode

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

_9 tidak memiliki argumen yang diteruskan ke sana

Saat Anda memanggil metode

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

_9 pada string tanpa pembagi, ia mengembalikan array yang berisi seluruh string

let message = 'I am a Happy Go lucky Guy';
console.log(message.split()); // returns ["I am a Happy Go lucky Guy"]

💡 Perhatikan lagi, memanggil metode
const msg = new String("Yes, You Can DO It!");
_9 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

// Returns an empty array
''.split(''); // returns []

// Returns an array with an empty string
''.split() // returns [""]

Cara Memisahkan String Menggunakan Karakter yang Tidak Cocok

Biasanya, kami menggunakan pembagi yang merupakan bagian dari string yang kami coba pisahkan. Mungkin ada kasus di mana Anda mungkin telah melewati splitter yang bukan bagian dari string atau tidak cocok dengan bagian mana pun darinya. Dalam hal ini, metode

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

_9 mengembalikan array dengan seluruh string sebagai elemen

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

let message = 'I am a Happy Go lucky Guy';
console.log(message.split(',')); // ["I am a Happy Go lucky Guy"]

💡 Anda harus mengetahui hal ini karena ini dapat membantu Anda men-debug masalah karena kesalahan sepele seperti meneruskan pembagi yang salah dalam metode
const msg = new String("Yes, You Can DO It!");
9

Cara Membagi dengan Limit

Jika Anda berpikir bahwa metode

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

_9 hanya menggunakan splitter sebagai parameter opsional, izinkan saya memberi tahu Anda bahwa ada satu lagi. Anda juga dapat meneruskan

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

_4 sebagai parameter opsional ke metode

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

9

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

0

Seperti namanya, parameter

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

_4 membatasi jumlah pemisahan. Artinya array yang dihasilkan hanya akan memiliki jumlah elemen yang ditentukan oleh parameter limit

Pada contoh di bawah ini, kita memisahkan string menggunakan spasi (' ') sebagai pemisah. Kami juga melewati nomor

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

_7 sebagai batas.

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

_8 metode mengembalikan array dengan hanya empat elemen, mengabaikan sisanya

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

1Cara Membagi Menggunakan Regex

Kami juga dapat meneruskan ekspresi reguler (regex) sebagai pembagi/pembagi ke metode

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

9. Mari pertimbangkan string ini untuk dipisahkan

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

2

Mari pisahkan string ini pada periode (. ), tanda seru (. ), dan tanda tanya (?). Kita dapat menulis regex yang mengidentifikasi kapan karakter ini muncul. Kemudian kami meneruskan regex ke metode

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

_9 dan memanggilnya pada string di atas

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

_3

Outputnya terlihat seperti ini

Pisahkan menggunakan Ekspresi Reguler

Anda dapat menggunakan parameter

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

_4 untuk membatasi output hanya ke tiga elemen pertama, seperti ini

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

_4

Outputnya terlihat seperti ini

Pisahkan menggunakan Nilai Ekspresi Reguler dan Batas

💡 Jika Anda ingin menangkap karakter yang digunakan dalam ekspresi reguler di larik keluaran, Anda perlu sedikit mengubah regex. Gunakan tanda kurung untuk menangkap karakter yang cocok. Regex yang diperbarui adalah
// 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"
2

Cara Mengganti Karakter dalam String menggunakan Metode Split()

Anda dapat memecahkan banyak masalah menarik menggunakan metode

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

9 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

// 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"

4 elemen HTML dari nilai nama. Nilai nama boleh berisi spasi (' '), tetapi dalam HTML, nilai id tidak boleh berisi spasi. Kita dapat melakukan ini dengan cara berikut

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

5

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

// 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"

5

Kemudian kami menggunakan metode array yang disebut

// 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"

6 untuk menggabungkan elemen-elemen array menggunakan karakter

// 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"

7. Metode

// 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"

_6 mengembalikan string dengan menggabungkan elemen menggunakan karakter yang diteruskan sebagai parameter. Karenanya kami mendapatkan hasil akhir sebagai

// 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"

9

ES6. Cara Membagi dengan Destrukturisasi Array

ECMAScript2015 (ES6) memperkenalkan cara yang lebih inovatif untuk mengekstrak elemen dari array dan menugaskannya ke variabel. Sintaks pintar ini dikenal sebagai

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

0. Kita dapat menggunakan ini dengan metode

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

9 untuk menetapkan output ke variabel dengan mudah dengan kode yang lebih sedikit

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

6

Disini kita membagi nama menggunakan karakter spasi sebagai pemisahnya. Kemudian kami menetapkan nilai yang dikembalikan dari array ke beberapa variabel (

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

2 dan

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

3) menggunakan sintaks Penghancuran Array

Sebelum Kita Berakhir

👋 Mau coding dan belajar bareng saya? . Cukup buka editor kode favorit Anda dan mulailah

Saya harap artikel ini bermanfaat bagi Anda, dan membantu Anda memahami metode

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

9 JavaScript String dengan lebih jelas. Silakan praktikkan contoh-contoh tersebut beberapa kali untuk memahaminya dengan baik. Anda dapat menemukan semua contoh kode di repositori GitHub saya

Mari terhubung. Anda akan menemukan saya aktif di Twitter (@tapasadhikary). Jangan ragu untuk mengikuti

Anda mungkin juga menyukai artikel ini

The JavaScript Array Handbook – Metode JS Array Dijelaskan dengan Contoh
10 trik DevTools untuk membantu Anda dengan desain CSS dan UX
Panduan praktis untuk penghancuran objek dalam JavaScript
10 fakta HTML yang sepele namun kuat yang harus Anda ketahui
10 tips emmet VS Code untuk membuat Anda lebih produktif

TAPAS ADHIKARY

Penulis. YouTuber. Pencipta. Mentor

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai

Apa yang dilakukan split dalam JavaScript?

Metode split() membagi string menjadi array substring . Metode split() mengembalikan array baru. Metode split() tidak mengubah string asli. Jika (" ") digunakan sebagai pemisah, string dipisahkan di antara kata-kata.

Apa yang dilakukan fungsi split ()?

Metode split() membagi string menjadi daftar . Anda dapat menentukan pemisah, pemisah default adalah spasi putih apa pun. Catatan. Ketika maxsplit ditentukan, daftar akan berisi jumlah elemen yang ditentukan ditambah satu.

Apa itu fungsi split () dalam string?

Split digunakan untuk memecah string yang dibatasi menjadi substring . Anda dapat menggunakan larik karakter atau larik string untuk menentukan nol atau lebih karakter atau string pembatas. Jika tidak ada karakter pembatas yang ditentukan, string dipisahkan menjadi karakter spasi putih.