返回

震惊！JS索引越界，竟不会改变 length 属性，这是为什么？

前端

一、 索引的含义和背景

  1. 计算机科学基础：索引的定义。
    在计算机科学中，索引是一种高效查找和遍历数据的方式。索引可以让计算机通过一个数值键值直接定位到数据，帮助我们更快速地获取所需资料。
  2. JS 视角下的索引。
    在 JavaScript 里，一个索引其实就是自然数，将数据关联到数据结构中的数据单元。以整型数值为键值，存放资料的单元被串起来，成为可顺次查询的序列。
  3. 循规渐进，探索索引的妙用。
    JS 索引不仅局限于查找和遍历数据，它更能实现数据结构的灵活度。比如使用负索引能方便地从后向前循环，这是 JS 在设计上对索引的巧妙拓展。

二、 索引的有效范围：依次关联的数字序列。

  1. 有效的索引范围：自然数序列。
    索引范围限定于自然数序列，即正整数加一个零，即 +0 ≤ i < 2 - 1。如此设计别有深意，索引常和循环搭配使用，而循环必须使用整数。
  2. 无效索引：越界，改变不了属性。
    如果越过索引范围，不会触发 length 属性的改变，即设置的无效索引不会改变关联数据的长度。 ECMAScript 2019 明确了这个现象，帮助我们理解到 JS 索引的严谨特性。
  3. 保护设计，严谨的原则。
    当越过索引范围，不会改变 length 属性，这就源于设计者对数据安全的考量。未设置的越界索引若改变了 length 属性，就很容易造成对未关联数据单元的错误操作。

三、 应用中的索引使用：减少数据读取开销。

  1. 善用 JS 索引，实现最优效率。
    使用 JS 索引能大幅度地减少了数据读取开销，因为计算机通过索引可以快速地寻址到目标数据，不会从头开始逐个检查。
  2. For 循环与索引的有效结合。
    for 循环是使用索引最常见的方式，通过逐次递增或递减的索引，能有序的循环遍历 JS 阵列，快速读取并处理其中的数据。
  3. 算法中的索引，数据快入快出。
    在数据结构中，以索引方式存放数据能让算法更快地读写数据，更能有效地进行快入快出式的操作。这能大幅提升数据结构的效率和运行速度。

四、 Conclusion: 索引的广泛应用及不足。

  1. JS 编程：索引的广泛应用。
    JS 索引被应用于广泛的编程环境中，包括代码块的嵌套、数据收集、动态 HTML 元素构建和文档遍历。其灵活用途深受 JS 开发人员的青睐。
  2. 不够友好：负面问题。
    索引并不能局限其负面，索引的有效范围会限定了用户对数据的操作。一旦越界了索引范围，数据的关联便会断开，对索引位置的控制就缺失了。