Изучение объектов, похожих на массивы, в JavaScript

Введение

В этом практическом занятии мы изучим концепцию объектов, похожих на массивы, в 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

Проверить, является ли значение похожим на массив

Для проверки того, является ли значение похожим на массив, следуйте следующим шагам:

Откройте Терминал/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, чтобы улучшить свои навыки.