当前位置：首页 > news >正文

console.log(MyEnum[0])和console.log(MyEnum.A)区别

news 来源：原创 2025/5/3 6:32:59

在 JavaScript 里，console.log(MyEnum[0]) 与 console.log(MyEnum.A) 的区别和 MyEnum 的类型有关。下面分情况进行说明。

1. `MyEnum` 为普通对象

const MyEnum = {
    A: 'apple',
    B: 'banana'
};

// 尝试访问索引为 0 的属性，通常会得到 undefined
console.log(MyEnum[0]); 

// 访问键为 'A' 的属性
console.log(MyEnum.A);

在这个例子中，MyEnum 是一个普通对象，它没有索引为 0 的属性，所以 MyEnum[0] 会返回 undefined。而 MyEnum.A 能够访问对象里键为 A 的属性，其值为 'apple'。

2. `MyEnum` 为数组

const MyEnum = ['apple', 'banana'];
// 访问索引为 0 的元素
console.log(MyEnum[0]); 

// 尝试访问键为 'A' 的属性，会得到 undefined
console.log(MyEnum.A);

这里 MyEnum 是一个数组，MyEnum[0] 会返回数组中索引为 0 的元素，也就是 'apple'。由于数组没有键为 A 的属性，所以 MyEnum.A 会返回 undefined。

3. `MyEnum` 为 TypeScript 枚举（易混淆）

enum MyEnum {
    A,
    B
}

// 通过数值索引访问枚举成员名称
console.log(MyEnum[0]); 

// 通过枚举成员名称访问其值
console.log(MyEnum.A);

在 TypeScript 枚举里，MyEnum[0] 是通过数值索引访问枚举成员的名称，其值为 'A'；而 MyEnum.A 是通过枚举成员名称访问其值，默认情况下其值为 0。但如果此时枚举中将A设置为45，则MyEnum[0]就为undefined，而MyEnum[45]才为A！！
可以通过下方例子进行进一步理解：
在这里插入图片描述

总结

综上所述，console.log(MyEnum[0]) 是尝试按照索引或者数值来访问 MyEnum 的属性或成员，而 console.log(MyEnum.A) 则是按照键名或者枚举成员名称来访问 MyEnum 的属性或成员。最终结果取决于 MyEnum 的具体类型和结构。
OK，我是微笑向阳，我们下次再见！！