es6迭代器(Iterator的使用)，遇到的问题理解，数组属性相关的一点小细节

aeoliancrazy2025-12-10 12:27

看ES6（前端）迭代器帖子，一些不理解的问题反馈

上述帖子中有以下

javascript 复制代码

let colors = ["pink", "red", "gray"];
colors.name = "ccy";
console.log(colors); // ["pink", "red", "gray", name: "ccy"]


// 遍历方法一
for(let i = 0; i < colors.length; i++){
    console.log(colors[i]) // 输出：pink red gray
}

但是我好奇的是为什么，color数组长度为3 而不是4

javascript 复制代码

  let colors = ["pink", "red", "gray"] as any;
  colors.name = "ccy";
  console.log(colors); // ["pink", "red", "gray", name: "ccy"]
  console.log(colors.length);//3


  // 遍历方法一
  for (let i = 0; i < colors.length; i++) {
    console.log(colors[i]) // 输出：pink red gray
  }

查询到具体原因是
length 的算法（ECMA 规范）
规范原文（简化）：
length = 最大整数索引 + 1
且索引必须是 0 ≤ index < 2^53-1 的整数。

简单来说就是
只有键名是 0, 1, 2 ... 这样的非负整数，且连续到最大索引时，才计入 length；
任何非整数键（字符串、浮点、负值、Symbol）都只是普通属性，永远不会变成数组元素，也永远不会影响 length。

如果我如下写就，数组的长度就会是4

javascript 复制代码

  let colors = ["pink", "red", "gray"] as any;
  colors[3]= "ccy";
  console.log(colors); // ["pink", "red", "gray", "ccy"]
  console.log(colors.length);//4

之前数组长度为3，因为name不是下述length的取值范围，且不是数组，所以不计入length

直接添加索引3为"ccy"，因为3是0 ≤ index < 2^53-1 的整数，所以会被记入length