为何可在JavaScript数组上添加对象属性且打印不显示？求解析

1. 为何能给数组添加非索引属性？ #

JavaScript里的数组并非纯粹的“有序列表”，它本质是继承自Object的特殊对象。除了自带的length属性和数字索引对应的元素，你可以像操作普通对象一样给它添加任意自定义属性，这是语言的原生设计，所以执行a.someKey = "someValue"不会报错。

2. 打印数组时为何看不到自定义属性？ #

数组的默认输出逻辑（比如console.log、JSON.stringify）只会识别符合规则的数字索引属性：即索引是0到length-1之间的整数。自定义的字符串键（如someKey）不属于这类索引，所以不会被包含在数组的“列表视图”里。但这些属性确实存在于数组对象本身，直接通过a.someKey就能访问到。

验证示例：

const a = [{name: 'test'}];
a.someKey = "someValue";

console.log(a); // 输出: [{name: 'test'}]
console.log(a.someKey); // 输出: "someValue"
console.log(Object.keys(a)); // 输出: ['0', 'someKey'] —— 此处可看到所有属性键

3. 对象为何能用下标访问？ #

JavaScript对象的属性访问有两种核心方式：

• 点语法：obj.propertyName，要求属性名是合法标识符（不能以数字开头、含特殊字符等）
• 方括号语法：obj[propertyKey]，propertyKey可以是任意字符串（或能被转换为字符串的值）

当你写b[0]时，数字0会被自动转换为字符串"0"，本质就是给对象添加了一个名为"0"的属性，和普通属性b.age没有本质区别。因为对象的所有属性都会被遍历输出，所以打印b时会显示包括"0"在内的所有属性。

示例：

const b = {};
b.age = 20;
b[0] = "hello";

console.log(b); // 输出: { '0': 'hello', age: 20 }

内容的提问来源于stack exchange，提问作者rolinger