浅谈Javascript数组索引

初探JavaScript数组索引

我将分享一些关于JavaScript数组索引的个人经验。虽然我不打算深入数组的所有方法和使用技巧，但我将重点关注数组对象本身，并尝试解释其背后的原理和机制。由于我的JavaScript实战经验有限，可能有些内容没有涉及到，或者有些说法有误，欢迎各位同学不吝指教。

让我们从数组的创建开始。在JavaScript中，创建数组非常简单，可以使用以下两种方式：

```javascript

var arr = []; // 创建一个空数组

var arr2 = new Array(); // 使用Array构造函数创建空数组，不写new也可以。

```

创建数组后，你可以随时往数组里添加元素。JavaScript数组的大小是动态的，可以随时添加或删除元素。例如，可以这样添加元素：

```javascript

arr[0] = 1; // 在索引0的位置添加元素1

```

接下来，我要强调一点，JavaScript中的数组其实是一种特殊的对象。数组元素可以通过数字索引或字符串索引来访问。数字索引是我们通常所说的数组索引，而字符串索引则允许我们使用任何字符串作为索引。这是一个非常重要的概念，因为在JavaScript中，数组和其他对象在底层都是使用键值对来存储的。让我们看一个例子：

```javascript

var person = []; // 创建一个名为person的数组（对象）

person['age'] = 22; // 添加一个名为age的属性（元素）

person['sayhi'] = function(){console.log('hi');}; // 添加一个名为sayhi的方法（函数）

person['age']; // 输出22

person['sayhi'](); // 输出'hi'

```

这里的`person`数组（对象）既可以像数组一样使用数字索引，也可以像普通对象一样使用字符串索引来访问属性和方法。需要注意的是，数字索引必须是在0到4294967295之间的整数，这个范围是由JavaScript的整数类型所决定的。超出这个范围的数字索引可能会导致意外的结果。例如：

```javascript

var a = [1, 3, 5, 7]; // 创建一个包含四个元素的数组a

console.log(a[0]); // 输出第一个元素1

console.log(a['0']); // 同样输出第一个元素1

a['2'] = 12; // 使用字符串索引添加一个新的元素到数组a中

console.log(a[2]); // 输出新添加的元素12

```

介绍数组与索引：数字的边界与属性的奥秘

今天我们来谈谈JavaScript中的数组与索引，深入一些看似深奥却又充满趣味的问题。你是否曾经试过使用超出常规范围的索引来操作数组？比如a[-1] = 2或a[] = 10这样的语句，看似违反常规，却能在JavaScript中正常运行。这究竟是怎么回事呢？让我们一起揭开这个谜团。

让我们来看两张Firefox控制台的截图。通过打印数组，我们会发现，当使用正常的索引添加元素时，该元素会被成功打印出来。当我们使用非正常的“索引”添加元素时，这些元素却并未在打印的数组中显示。尽管如此，如果你仔细观察右侧的Array对象，你会发现所有添加的元素都已经被成功添加到了数组中。

接下来，我们再来看另一张图。这次我们多添加几个元素，并为数组添加一个属性。你会发现，在右侧的元素索引中，有一部分是数字索引，这些在打印数组时会被正常打印出来；而另一部分则是属性，这些在打印数组时则不会被打印。这就引发了一个问题：-2这样的负数索引或超出范围的索引（我们可以称之为属性的键），它们究竟是如何在数组中起到作用的呢？

实际上，-2这样的键是数组的一个普通属性键。当我们使用a[-2] = 2这样的语句时，-2被当作一个字符串键来处理。-2、4294967296以及'name'在数组中都扮演着同样的角色——作为属性的键。

你可能会遇到一个问题：为什么使用a.-2或a.'-2'访问-2这个键的值会报错，而a[-2]就不会报错呢？这是因为对象的属性或方法可以使用方括号或点号的方式访问。其中，使用点号访问时，属性名称必须是一个合法的变量名称，即它不能包含任何空格、连字符并且不能以数字开头。-2这样的属性键是不能用点号的方式来访问的。

关于方括号的使用也有一个小问题：当我们想访问数组的name属性时，需要这样写a['name']，即name被引号包起来了。而-2同样是name一样的属性的键，为何-2可以不用（也可以用）引号包起来呢？其实，方括号内的所有字符会被当成一个表达式。单纯的一个数字-2是个合法的表达式，但name如果没有被定义成变量名，则不是合法的表达式。问题并不在于[]本身，而在于我们如何使用它。

JavaScript中数组和对象的处理方式存在一些差异。数组的索引范围有一定的限制，但我们可以使用超出范围的索引来添加属性。我们在访问对象的属性时，需要注意属性名称的合法性以及使用正确的方式来访问它们。希望这篇文章能够帮助你更好地理解JavaScript中的数组和对象。感谢观看，我们下期再见。