反復可能かどうかの確認

MDNドキュメント：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of

for...ofコンストラクトは「反復可能な」オブジェクトを反復処理することができるように記述されています。しかし、オブジェクトが反復可能かどうかを判断する良い方法はありますか？

配列、イテレータ、ジェネレータの一般的なプロパティを見つけようとしましたが、見つけることができませんでした。

別に行うためのfor ... oftryブロックにし、型エラーをチェックし、これを行うクリーンな方法は何ですか？

反復可能性をチェックする適切な方法は次のとおりです。

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

これが機能する理由（反復可能なプロトコルの詳細）：https : //developer.mozilla.org/en/docs/Web/JavaScript/Reference/Iteration_protocols

私たちはfor..ofについて話しているので、私はES6の考え方にいると思います。

また、文字列が文字に対して反復するため、この関数が文字列のtrue場合にこの関数が返されることにも驚かないでくださいobj。

なぜそんなに冗長なのですか？

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

最も簡単な解決策は実際にはこれです：

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

Objectオブジェクトではないものを1つにラップしin、元の値がオブジェクトではない場合でも、オペレーターが作業できるようにします。nullそして、undefinedエッジケースを検出するための必要はありませんので、空のオブジェクトに変換され、文字列は反復可能ですStringオブジェクトにラップます。

追記として、用心の定義について反復可能。あなたが他の言語から来ているなら、あなたはあなたが反復できる何か、例えばforループが反復可能であることを期待するでしょう。iterableが反復プロトコルを実装する何かを意味する場合、ここではそうではありません。

わかりやすくするために、falseこのオブジェクト{a: 1, b: 2}は反復プロトコルを実装していないため、上記のすべての例ではこのオブジェクトが返されます。あなたがそれを反復処理することができませんので、for...of しかし、あなたはまだでできますfor...in。

したがって、苦痛な間違いを避けたい場合は、次のようにメソッドの名前を変更して、コードをより具体的にします。

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

今日、すでに述べたように、obj反復可能かどうかをテストするには

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

歴史的回答（これ以上有効ではない）

このfor..of構成は、ECMASCript第6版の言語仕様ドラフトの一部です。したがって、最終バージョンの前に変更される可能性があります。

このドラフトでは、反復可能オブジェクトにiteratorプロパティとしての機能が必要です。

オブジェクトが次のように反復可能かどうかを確認できます。

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

以下のために非同期イテレータあなたの代わりに「Symbol.iterator」の「Symbol.asyncIterator」をチェックする必要があります。

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

変数がオブジェクト（{key: value}）か配列（[value, value]）かを実際に確認したい場合は、次のようにします。

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);
}