JS 18 - 阵列也有赝品？如何辨识伪造的阵列？

大家好！

昨天我们建立了看似阵列的物件，其实它就是接下来要介绍的伪阵列物件（Array-like Object）。
我们进入今天的主题吧！

伪阵列

因为伪阵列不是真正的阵列，因此定义也是见仁见智，但是一般都有下列特性：

typeof arrarlike; // 'object'
typeof arraylike.length; // 'number'

对了，既然有 Array 有 isArray 这个静态方法，那麽有没有辨识伪阵列的方法呢？
这是当然的，实作就像这样：

Felix.isArrayLike = function (item) {
    return (
        Array.isArray(item) || (
            !!item &&
            typeof item === 'object' &&
            typeof item.length === 'number' && (
                item.length === 0 || (
                    item.length > 0 &&
                    item.length - 1 in item
                )
            )
        )
    );
};

试试看：

/* 伪阵列就是伪阵列 */
Felix.isArrayLike(new Felix('body')); // true

/* 阵列也属於伪阵列 */
Felix.isArrayLike([]); // true

/* 物件不属於伪阵列 */
Felix.isArrayLike({}); // false

伪阵列的 forEach 方法

Array 有一个 forEach 静态方法，用途就像是用回圈将阵列的元素逐一操作。
伪阵列就没有这个方法了，但是我们也能靠自己实作一个：

Felix.forEach = function (obj, callback, args) {
    var i;
    if (this.isArrayLike(obj)) {
        for (i = 0; i < obj.length; i++) {
            if (callback.apply(obj[i], args) === false) break;
        }
    } else {
        for (i in obj) {
            if (callback.apply(obj[i], args) === false) break;
        }
    }
    return obj;
};

如果是阵列或伪阵列，就将元素遍历一次（不含 length）；如果是物件，则将所有属性都遍历一次。

差不多也到尾声了。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！