首页  >  文章  >  web前端  >  如何在 JavaScript 中使用整数名称访问对象属性?

如何在 JavaScript 中使用整数名称访问对象属性?

DDD
DDD原创
2024-11-02 07:17:02308浏览

How to access object properties with integer names in JavaScript?

使用整数名称引用对象属性

MDN JavaScript 文档指出数字文字可用于对象属性名称。但是,使用标准点表示法(例如 me.123)访问这些属性可能会导致错误。

解决方案:括号表示法

要引用具有整数名称的对象属性,请使用括号表示法带有方括号 (me[123]) 或字符串引号 (me["123"])。

<code class="javascript">const me = {
  name: "Robert Rocha",
  123: 26,
  origin: "Mexico",
};

console.log(me[123]); // 26
console.log(me["123"]); // 26</code>

使用方括号表示法允许 JavaScript 将整数名称解释为字符串,使您能够访问

For-In 循环替代方案

虽然不推荐,但您仍然可以使用 for-in 循环访问属性,该循环会迭代对象的所有属性,包括带有数字的属性

<code class="javascript">for (let key in me) {
  if (typeof key === "number") {
    console.log(key, me[key]);
  }
}</code>

for-in 循环提供了一种更详细但仍然有效的方法来访问具有整数名称的属性。

以上是如何在 JavaScript 中使用整数名称访问对象属性?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn