程序界“下标”套路如此深：数组与对象的骚操作

2022-12-27 17:23:07

数组与对象下标：JavaScript 中的神秘世界

在 JavaScript 的领域里，数组和对象是两大中坚力量，统领着数据的存储和组织。为了驾驭这股力量，理解它们那令人着迷的下标机制至关重要。

数组就像整齐排列的士兵，每个元素都有自己的序号，即索引。索引从 0 开始，随着元素的增加而依次递增。当我们使用数字索引来访问数组元素时，一切都简单明了。

// 定义一个数组
const arr = [1, 2, 3];

// 使用数字索引访问元素
console.log(arr[0]); // 输出：1

然而，数组不仅仅是一队数字士兵。它们还具有对象的双重身份。当我们使用非数字索引来访问数组元素时，JavaScript 会首先尝试将其转换为数字。如果成功，便会使用转换后的数字索引进行访问。

// 使用非数字索引访问元素
console.log(arr["1"]); // 输出：2

如果转换失败，JavaScript 就会切换到其对象人格，将索引视为字符串，并使用字符串索引进行访问。

// 使用字符串索引访问元素
console.log(arr["one"]); // 输出：undefined（因为数组中没有 "one" 索引）

与数组不同，对象是一个无序的键值对集合，有点像杂乱的抽屉。每个键值对包含一个键名和一个关联的值。键名可以是字符串或符号，而值可以是任何类型的 JavaScript 数据。

// 定义一个对象
const obj = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

// 使用键名访问值
console.log(obj.name); // 输出：John Doe

类似于数组，对象也可以使用非字符串索引来访问值。但与数组不同，JavaScript 会首先将非字符串索引转换为字符串，然后再使用它作为键名进行访问。

// 使用非字符串索引访问值
console.log(obj[1]); // 输出：undefined（因为没有索引为 1 的键名）

这种将非字符串索引转换为字符串的行为为对象提供了灵活性，允许我们使用非字符串值作为键名。

虽然数组和对象都是下标的操作，但它们在某些方面也有所不同：

有序与无序： 数组是有序的，这意味着元素按索引顺序排列，而对象是无序的，这意味着键值对没有特定的顺序。
整数索引： 数组通常使用整数索引，而对象使用字符串键名。
转换行为： 当使用非数字索引访问数组时，JavaScript 会先尝试转换为数字；而当使用非字符串索引访问对象时，JavaScript 会先转换为字符串。