JavaScript における配列のようなオブジェクトの探索

はじめに

この実験では、JavaScript における配列のようなオブジェクトの概念を探り、オブジェクトが反復可能かどうかを判断する方法を学びます。オブジェクトに反復子があり、したがって for...of ループを使って反復処理できるかどうかを確認するために、isArrayLike 関数を使用します。この実験が終了するとき、JavaScript における配列のようなオブジェクトを扱う方法をより深く理解しているでしょう。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/ToolsandEnvironmentGroup -.-> javascript/bom("Browser Object Model") subgraph Lab Skills javascript/variables -.-> lab-28410{{"値が配列のようなものかどうか"}} javascript/data_types -.-> lab-28410{{"値が配列のようなものかどうか"}} javascript/arith_ops -.-> lab-28410{{"値が配列のようなものかどうか"}} javascript/comp_ops -.-> lab-28410{{"値が配列のようなものかどうか"}} javascript/bom -.-> lab-28410{{"値が配列のようなものかどうか"}} end

値が配列のようなものかどうかを確認する

値が配列のようなものかどうかを確認するには、次の手順に従います。

ターミナル/SSH を開きます。
node を入力します。
次のコードを使用して、提供された引数が反復可能かどうかを確認します。

const isArrayLike = (obj) =>
  obj != null && typeof obj[Symbol.iterator] === "function";

関数は、提供された引数が配列のようなオブジェクトの場合に true を返し、それ以外の場合は false を返します。
たとえば：

isArrayLike([1, 2, 3]); // true
isArrayLike(document.querySelectorAll(".className")); // true
isArrayLike("abc"); // true
isArrayLike(null); // false

まとめ

おめでとうございます！「値が配列のようなものかどうか」の実験を完了しました。技術力を向上させるために、LabExでさらに多くの実験を行って練習してください。