JavaScript 之类数组

最新推荐文章于 2025-06-20 21:44:12 发布

原创最新推荐文章于 2025-06-20 21:44:12 发布 · 356 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#类数组

javascript 同时被 2 个专栏收录

23 篇文章

订阅专栏

细谈JavaScript

21 篇文章

订阅专栏

本文深入探讨了类数组的概念及其特点，介绍了如何通过属性名来模拟数组的行为，并详细解释了类数组的length属性如何动态增长。此外，还展示了如何为类数组对象添加push等数组方法，使其能够像真正的数组一样工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

类数组就是长得像数组，可以当数组用，也可以当对象用，但不是数组。
1、可以利用属性名模拟数组特性。
2、可以动态的增长length属性。
3、如果强行让类数组调用push方法，
则会根据length属性值的位置进行属性的扩充。

arguments[] 就是类数组

    function test(){
        console.log(arguments);
        arguments.push(7);
    }
    test(1,2,3,4,5);

    ---不好使,可见argument不能用push，说明不是数组，是伪数组

        var obj = {
            '0': 'a',
            '1' : 'b',
            '2' : 'c',
            "length" : 3,
            "push" : Array.prototype.push
             "splice" : Array.prototype.splice
        }

类数组push方法的内部原理

        Array.prototype.push = function (target){
            obj[obj.length] = target;
            obj.length ++;
        }

类数组所具备的特性：
属性要为索引（数字）属性，

必须要有length属性，最好加上push

  var obj = {
        '2' : 'a',
        '3' : 'b',
        'length' : 2,
        'push' : Array.prototype.push,
        'splice' : Array.prototype.splice,
    }
    obj.push('c');   //执行这个之前length为2，故地址索引应该是2；执行过后length变为3
    obj.push('d');  // 执行之前length为3，故地址索引为3；执行过后length变为4
// obj变为：
obj = {
    '2' : c,
    '3' : d,
    length : 4,
}