了解阵列长度与属性长度?

时间:2018-04-27 16:24:42

标签: javascript jquery arrays javascript-objects

我有以下代码将信息插入到数组中。对于这个例子,我只插入索引。查看Chrome控制台时,我可以看到数组的长度是正确的(11) [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]。但是,当我展开数组时,有重复的信息,它说长度是34?我看到以下内容:

       (11) [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
        0: 6
        1: 7
        2: 8
        3: 9
        4: 10
        5: 11
        6: 12
        7: 13
        8: 14
        9: 15
        10: 16
        11: 6 // seems to repeat itself?
        12: 7
        13: 8
        14: 9
        15: 10
        16: 11
        17: 12
        18: 13
        19: 14
        20: 15
        21: 16
        22: 6
        23: 7
        24: 8
        25: 9
        26: 10
        27: 11
        28: 12
        29: 13
        30: 14
        31: 15
        32: 16
        33: 17 // where is this 17 coming from?
        length: 34

有人知道为什么我在扩展时看到34作为长度?

代码:

var html = $($(xml).find("filters").html()).find("li");
var inputs = $(html).find("input");

var types = [];
inputs.each(function(index) {
    if ($(this).prop("id").indexOf("filter-types") >= 0)
    {
        types.push(index);
    }
});
console.log(types);

1 个答案:

答案 0 :(得分:2)

console.log将立即显示已记录的对象,因此当您展开它时,它可能与正在显示的预览不同。

在控制台中运行以下内容时

var arr = [1,2,3];
console.log("different when you expand",arr);
console.table(arr);
setTimeout(()=>{
  Array.from(new Array(100),()=>0).forEach(()=>arr.push(arr.length))
},10);

它将显示:different when you expand (3) [1, 2, 3]但是当你展开它时,你可以看到数组的长度不再是3,而不再是1,2,3的值。

Console.table将以打印出来的方式显示对象。