值是否为类数组

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索 JavaScript 中类数组对象的概念,并学习如何确定一个对象是否可迭代。我们将使用 isArrayLike 函数来检查一个对象是否有迭代器,从而可以使用 for...of 循环进行迭代。在本实验结束时,你将对如何在 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

检查值是否为类数组

要检查一个值是否为类数组,请执行以下步骤:

  1. 打开终端/SSH。
  2. 输入 node
  3. 使用以下代码检查提供的参数是否可迭代:
const isArrayLike = (obj) =>
  obj != null && typeof obj[Symbol.iterator] === "function";
  1. 如果提供的参数是类数组对象,该函数将返回 true,否则返回 false
  2. 例如:
isArrayLike([1, 2, 3]); // true
isArrayLike(document.querySelectorAll(".className")); // true
isArrayLike("abc"); // true
isArrayLike(null); // false

总结

恭喜你!你已经完成了“值是否为类数组”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程