Ketahui cara menggunakan objek boleh lelar terbina dalam JS dengan berkesan

Ketahui lebih lanjut tentang cara menggunakan objek boleh lelar terbina dalam JS

Dalam JavaScript, objek boleh lelar merujuk kepada objek yang melaksanakan kaedah Symbol.iterator. Objek ini boleh diulang menggunakan gelung for...of, atau dimanipulasi menggunakan kaedah iterator lain. Artikel ini akan memberikan pemahaman yang mendalam tentang cara menggunakan objek boleh lelar terbina dalam JS dan memberikan contoh kod khusus.

1. Array (Array)

Array ialah objek lelaran yang paling biasa dalam JavaScript. Kita boleh menggunakan gelung for...of untuk lelaran melalui setiap elemen dalam tatasusunan, atau gunakan kaedah forEach tatasusunan untuk mengulang.

Contoh Kod:

let arr = [1, 2, 3, 4, 5];

// 使用for...of循环遍历数组
for (let num of arr) {
  console.log(num);
}

// 使用数组的forEach方法遍历数组
arr.forEach(function(num) {
  console.log(num);
});

2. String (String)

String juga merupakan objek lelaran dalam JavaScript. Kita boleh lelaran melalui setiap aksara dalam rentetan melalui gelung for...of.

Contoh kod:

let str = "hello";

// 使用for...of循环遍历字符串
for (let char of str) {
  console.log(char);
}

3. Set (set)

Set ialah koleksi elemen tidak berulang dan objek boleh lelar. Kita boleh menggunakan gelung for...of untuk mengulangi setiap elemen dalam Set.

Contoh kod:

let set = new Set([1, 2, 3]);

// 使用for...of循环遍历Set
for (let num of set) {
  console.log(num);
}

4. Peta (Peta)

Peta ialah koleksi pasangan nilai kunci dan objek boleh lelar. Kita boleh menggunakan gelung for...of untuk mengulangi setiap pasangan nilai kunci dalam Peta.

Contoh kod:

let map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');

// 使用for...of循环遍历Map
for (let [key, value] of map) {
  console.log(key, value);
}

5. Generator (generator)

Generator ialah fungsi yang boleh menghasilkan satu siri nilai, dan ia juga merupakan objek lelaran. Kita boleh menggunakan gelung for...of untuk lelaran melalui jujukan nilai yang dijana oleh Generator.

Contoh kod:

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

// 通过Generator生成值序列
let gen = generator();
for (let num of gen) {
  console.log(num);
}

Selain objek boleh lelar terbina dalam di atas, terdapat beberapa objek lain yang juga boleh diubah, seperti TypedArray, NodeList, dll. Kita boleh menggunakan kaedah yang sama untuk mengulanginya.

Ringkasan:
Dalam JavaScript, kita boleh melintasi pelbagai objek boleh lelar melalui untuk...gelung, atau menggunakan kaedah lelaran lain untuk beroperasi. Menguasai penggunaan objek boleh lelar terbina dalam ini akan menjadikan kita lebih cekap dan fleksibel semasa menulis kod JavaScript.

Saya harap artikel ini dapat membantu pembaca Jika anda mempunyai sebarang pertanyaan atau cadangan, sila tinggalkan mesej untuk perbincangan. Terima kasih!

Atas ialah kandungan terperinci Ketahui cara menggunakan objek boleh lelar terbina dalam JS dengan berkesan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!