Как правильно проверить, является ли переменная массивом в JavaScript?

Лучший способ: Array.isArray()

Начиная с ECMAScript 5.1 (ES5), в JavaScript есть встроенный метод Array.isArray(), который является единственным правильным и надёжным способом проверки, является ли значение массивом. Он работает во всех современных средах (браузеры, Node.js, Deno) и не имеет проблем с кросс-контекстной передачей данных.

const arr = [1, 2, 3];
const notArr = 'строка';
const obj = {foo: 'bar'};

console.log(Array.isArray(arr));    // true
console.log(Array.isArray(notArr)); // false
console.log(Array.isArray(obj));    // false
console.log(Array.isArray(null));   // false

Почему не подходят другие способы?

• typeof — не различает массивы и обычные объекты. Массивы наследуются от Object.prototype, поэтому typeof [] возвращает "object". Это особенность языка, заложенная ещё в первой версии JavaScript. Для проверки массивов он бесполезен.
• instanceof Array — работает только в пределах одного глобального контекста (одного окна/фрейма). Если массив был создан в другом iframe или открытом окне, instanceof вернёт false, так как у каждого окна свой конструктор Array.
• Array.prototype.isPrototypeOf() — имеет те же проблемы, что и instanceof.

Как работает Array.isArray() под капотом?

Метод использует внутреннюю проверку [[Class]] значения. В современных движках это эквивалентно:

Object.prototype.toString.call(value) === '[object Array]'

Этот приём был популярен до появления Array.isArray() и до сих пор встречается в коде, но его использование не рекомендуется, так как:

• Он менее читаем;
• Может быть медленнее (хотя разница незначительна);
• Не является семантически правильным — вы используете метод объекта для проверки типа.

Полный пример с обработкой разных типов данных

function checkIfArray(value) {
  if (Array.isArray(value)) {
    console.log('Это массив! Длина:', value.length);
    return true;
  } else {
    console.log('Это не массив. Тип:', typeof value);
    return false;
  }
}

// Тесты
checkIfArray([1, 2, 3]);        // true
checkIfArray('hello');          // false
checkIfArray({length: 3});      // false (псевдомассив)
checkIfArray(new Set([1, 2]));  // false
checkIfArray(null);             // false

Важное замечание про псевдомассивы

Array.isArray() возвращает true только для настоящих массивов. Псевдомассивы (например, arguments, NodeList, результат document.querySelectorAll()) не являются массивами, даже если у них есть свойство length и числовые ключи. Для их преобразования в массив используйте Array.from() или spread-оператор.

Вывод

В современном JavaScript (ES5+) всегда используйте Array.isArray(). Это надёжный, быстрый и кросс-контекстно-безопасный метод. Если вы поддерживаете очень старые браузеры (IE8 и ниже), используйте полифилл на основе Object.prototype.toString, но в 2024 году такая необходимость практически отсутствует.

const arr = [1, 2, 3];
console.log(arr.constructor === Array); // true

function isArrayLike(value) {
  return value != null && typeof value[Symbol.iterator] === 'function';
}

console.log(isArrayLike([1,2]));       // true
console.log(isArrayLike('hello'));     // true (строка итерируема)
console.log(isArrayLike(new Set()));   // true