如何检测变量是否为数组

小编典典

如何检测变量是否为数组

javascript

确定JavaScript中的变量是否为数组的最佳事实标准跨浏览器方法是什么？

在网络上搜索时，有很多不同的建议，其中有些是好的，有些是无效的。

例如，以下是基本方法：

function isArray(obj) {
    return (obj && obj.length);
}

但是，请注意，如果数组为空，或者obj实际上不是数组，但是实现了length属性，将会发生什么情况。

那么，从实际工作，跨浏览器和仍有效执行的角度来看，哪种实现是最佳的呢？

阅读 347

2020-05-01

共1个答案

小编典典

JS中对象的类型检查是通过完成的instanceof，即

obj instanceof Array

如果对象跨帧边界传递，则此方法将无效，因为每个帧都有其自己的Array对象。您可以通过检查对象的内部 [[Class]]
属性来解决此问题。要获得它，请使用Object.prototype.toString()（ECMA-262保证可以使用）：

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

这两种方法仅适用于实际的数组，不适用于arguments对象或节点列表之类的数组对象。由于所有类似数组的对象都必须具有数字length属性，因此我将检查以下内容：

typeof obj !== 'undefined' && obj !== null && typeof obj.length === 'number'

请注意，字符串将通过此检查，这可能会导致问题，因为IE不允许按索引访问字符串的字符。因此，您可能需要更改typeof obj !== 'undefined'为typeof obj === 'object'排除基本类型和宿主类型不同的原始对象和宿主对象'object'。这仍将让字符串对象通过，必须手动将其排除。

在大多数情况下，您真正想知道的是是否可以通过数字索引遍历对象。因此，最好检查对象是否具有名为的属性0，这可以通过以下检查之一来完成：

typeof obj[0] !== 'undefined' // false negative for `obj[0] = undefined`
obj.hasOwnProperty('0') // exclude array-likes with inherited entries
'0' in Object(obj) // include array-likes with inherited entries

对于类似数组的基元（即字符串），强制转换为对象是正常工作所必需的。

这是对JS数组进行健壮检查的代码：

function isArray(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
}

和可迭代（即非空）的类似数组的对象：

function isNonEmptyArrayLike(obj) {
    try { // don't bother with `typeof` - just access `length` and `catch`
        return obj.length > 0 && '0' in Object(obj);
    }
    catch(e) {
        return false;
    }
}

2020-05-01