JS中的类数组加上splice属性的区别以及一些注意点

类数组中:

如果没有 splice 打印出来的是一个对象形式的结果

    var obj = {
        "2": 3,
        "3": 4,
        length: 2,
    };
    console.log(obj);
//{2: 3, 3: 4, length: 2}

在这里插入图片描述

如果加了 splice,打印出来,就是一个数组形式的结果

    var obj = {
        "2": 3,
        "3": 4,
        length: 2,
        splice: Array.prototype.splice
    };
    console.log(obj);
    //Object(2) [empty × 2, 2: 3, 3: 4, splice: ƒ]

关于类数组的一些注意点:

    var obj = {
        "2": 3,
        "3": 4,
        length: 2,
        push: Array.prototype.push
    };
    obj.push(1);
    obj.push(2);
    console.log(obj);
//{2: 1, 3: 2, length: 4, push: ƒ}

注意这里的返回结果,obj 并没有4个属性,相当于修改的原来的属性,但长度变成了4。
原理就是 push 方法的源码:

Array.prototype.push = function () {
        for (var arg in arguments) {
            if (arguments.hasOwnProperty(arg)) {
                this[this.length] = arguments[arg];//push的时候,这里使用的是 length 属性
            }
        }
        return this.length;
    };
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章