Pengantar Iterator dan Generator di JavaScript

Sejak 2015, EcmaScript6 (ES6) telah membawa banyak kemajuan dalam praktik pengkodean JavaScript. Banyak konsep modern diperkenalkan ke JavaScript, sangat meningkatkan pengalaman pengkodean. Pada artikel ini, Anda akan belajar tentang iterator dan generator dalam JavaScript.

Iterator dan generator adalah dua konsep yang berbeda, tetapi digunakan dengan cara yang serupa. Mereka digunakan untuk beralih melalui array dan objek dalam JavaScript.

Iterator

Iterator seperti loop lanjutan yang dapat dijeda. Iterator terdiri dari lanjut() fungsi, yang mengembalikan nilai dan status selesai. NS nilai field adalah nilai dalam array pada indeks yang diberikan. selesai adalah nilai boolean yang mengembalikan status penyelesaian untuk iterasi melalui loop.

Berikut adalah contoh yang menunjukkan bagaimana iterator:

function fruitIter (buah){
misalkan indeks = 0;
kembali {
selanjutnya: fungsi(){
kembali indeks < buah. panjang? { nilai: buah[indeks++], selesai: salah }: {selesai: benar}
}
}
}
const buahArray = ["Mangga", "Pisang", "Anggur"];





instagram viewer


const buah = buahIter (fruitsArray);
console.log (fruits.next().value);

Keluaran:

Mangga

Ketika Anda melewati buah-buahanArray array di buahIter() metode, itu mengembalikan iterator yang disimpan di buah-buahan variabel. NS indeks variabel dalam buahIter() metode diinisialisasi ke 0. Metode ini mengembalikan lanjut() fungsi yang membantu dalam perulangan melalui array. NS lanjut() fungsi memeriksa apakah indeks kurang dari buah-buahanArray panjang. Jika demikian, ia mengembalikan dua variabel: nama buah pada indeks itu, dan selesai status. Saat mengembalikan nilai-nilai ini, itu juga menambah nilai indeks.

Untuk memeriksa cara kerja metode ini dan mencetak nama buah, Anda perlu memanggil lanjut() fungsi pada buah-buahan iterator dan dapatkan akses ke nilainya.

Terkait: Apa Fungsi dalam Pemrograman?

Generator

Generator mirip dengan Iterator tetapi mereka mengembalikan banyak nilai. Nilai-nilai ini disebut nilai hasil. Fungsi generator ditulis menggunakan fungsi* sintaks. * menunjukkan bahwa itu bukan fungsi normal, tetapi generator. Berikut adalah contoh generator:

fungsi* printBuah(){
hasilkan "Mangga";
hasilkan "Pisang";
hasilkan "Anggur";
}
const buah = printBuah();
console.log (buah.berikutnya()); 

Keluaran:

{nilai: 'Mango', selesai: false}

Dalam contoh ini, menghasilkan adalah iteratornya. Saat Anda memanggil fungsi cetakBuah(), dan cetak buah.berikutnya(), itu memberi Anda objek tempat Anda mendapatkan nilainya. NS selesai status menunjukkan apakah semua nilai telah diulang.

Pelajari Struktur Data Menggunakan Kelas ES6 di JavaScript

JavaScript ES6 membawa banyak kemajuan dalam praktik pengkodean. Tidak sedikit di antaranya adalah membangun struktur data menggunakan kelas ES6. Dorongan. pop, dan susun jalan Anda ke atas dan jadilah pro JavaScript!

Cara Membangun Struktur Data Dengan Kelas JavaScript ES6

Dengan diperkenalkannya JavaScript ES6, muncullah struktur data khusus. Berikut cara membuat dan menerapkannya.

Baca Selanjutnya

Tentang Penulis