Memeriksa apakah ada sesuatu yang dapat diulang

Dalam dokumen MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of

The for...ofmembangun digambarkan untuk dapat iterate atas "iterable" objek. Tetapi apakah ada cara yang baik untuk memutuskan apakah suatu objek dapat diulang?

Saya telah mencoba menemukan properti umum untuk array, iterator, dan generator, tetapi tidak dapat melakukannya.

Selain melakukan for ... ofblok percobaan dan memeriksa kesalahan jenis, apakah ada cara yang bersih untuk melakukan ini?

Cara yang tepat untuk memeriksa iterabilitas adalah sebagai berikut:

function isIterable(obj) {
  // checks for null and undefined
  if (obj == null) {
    return false;
  }
  return typeof obj[Symbol.iterator] === 'function';
}

Mengapa ini berfungsi (protokol yang dapat diulang secara mendalam): https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Iteration_protocols

Karena kita berbicara tentang untuk..dari, saya berasumsi, kita berada dalam pola pikir ES6.

Juga, jangan kaget bahwa fungsi ini mengembalikan truejika objadalah sebuah string, sebagai string yang mengulangi karakternya.

Mengapa begitu bertele-tele?

const isIterable = object =>
  object != null && typeof object[Symbol.iterator] === 'function'

Solusi paling sederhana sebenarnya adalah ini:

function isIterable (value) {
  return Symbol.iterator in Object(value);
}

Objectakan membungkus apa pun yang bukan objek menjadi satu, memungkinkan inoperator untuk bekerja bahkan jika nilai aslinya bukan Objek. nulldan undefineddiubah menjadi objek kosong sehingga tidak perlu deteksi kasus tepi, dan string dibungkus menjadi objek String yang dapat diulang.

Sebagai catatan samping, HATI - HATI tentang definisi iterable . Jika Anda datang dari bahasa lain Anda akan berharap bahwa sesuatu yang Anda dapat beralih di atas dengan, mengatakan, sebuah forloop iterable . Saya khawatir itu tidak terjadi di sini di mana iterable berarti sesuatu yang mengimplementasikan protokol iterasi .

Untuk memperjelas semua contoh di atas mengembalikan falseobjek ini {a: 1, b: 2}karena objek itu tidak mengimplementasikan protokol iterasi. Jadi, Anda tidak akan dapat mengulanginya dengan for...of TETAPI Anda masih bisa melakukannya dengan file for...in.

Jadi, jika Anda ingin menghindari kesalahan yang menyakitkan buat kode Anda lebih spesifik dengan mengganti nama metode Anda seperti yang ditunjukkan di bawah ini:

/**
 * @param variable
 * @returns {boolean}
 */
const hasIterationProtocol = variable =>
    variable !== null && Symbol.iterator in Object(variable);

Saat ini, seperti yang telah disebutkan, untuk menguji apakah objiterable lakukan saja

obj != null && typeof obj[Symbol.iterator] === 'function' 

Jawaban historis (tidak lagi valid)

The for..ofkonstruk merupakan bagian dari ECMAScript edisi 6 Bahasa Keterangan Draft. Jadi bisa berubah sebelum versi final.

Dalam draf ini, objek yang dapat diulang harus memiliki fungsi iteratorsebagai properti.

Anda dapat memeriksa apakah suatu objek dapat diulang seperti ini:

function isIterable(obj){
   if(obj === undefined || obj === null){
      return false;
   }
   return obj.iterator !== undefined;
}

Untuk iterator asinkron, Anda harus memeriksa 'Symbol.asyncIterator', bukan 'Symbol.iterator':

async function* doSomething(i) {
    yield 1;
    yield 2;
}

let obj = doSomething();

console.log(typeof obj[Symbol.iterator] === 'function');      // false
console.log(typeof obj[Symbol.asyncIterator] === 'function'); // true

Jika Anda ingin memeriksa apakah suatu variabel adalah object ( {key: value}) atau array ( [value, value]), Anda dapat melakukan itu:

const isArray = function (a) {
    return Array.isArray(a);
};

const isObject = function (o) {
    return o === Object(o) && !isArray(o) && typeof o !== 'function';
};

function isIterable(variable) {
    return isArray(variable) || isObject(variable);
}