如何不引用属性名访问JavaScript对象固定位置的嵌套属性？

嘿，这个场景我太熟悉了——调用API时经常遇到结构固定但字段名动态变化的响应，不用硬编码属性名确实能让代码更灵活。这里有几种简单可靠的方法：

方法1：直接取Object.values()的第一个元素 #

既然目标属性在_embedded里的位置是固定的，我们可以用Object.values()把_embedded的所有属性值转换成数组，然后直接取索引为0的元素：

// 假设你的对象叫response
const dealerList = Object.values(response._embedded)[0];

这个方法最直接，Object.values()会按照属性的遍历顺序返回值数组，位置固定的话直接拿第一个就好。

方法2：先获取动态键名再访问 #

如果你需要先拿到那个变化的属性名（比如做日志或者其他额外处理），可以用Object.keys()先获取键名数组，再通过方括号语法访问：

const embeddedObj = response._embedded;
const dynamicPropertyName = Object.keys(embeddedObj)[0];
const dealerList = embeddedObj[dynamicPropertyName];

思路和方法1一致，只是多了一步获取键名的操作，适合需要用到属性名的场景。

额外提示：加个安全校验 #

为了避免_embedded为空或者没有属性时出现报错，建议加个简单的判断兜底：

let dealerList = []; // 设置默认空数组
const embeddedObj = response._embedded;
if (embeddedObj && Object.values(embeddedObj).length > 0) {
  dealerList = Object.values(embeddedObj)[0];
}

这样即使API返回异常，你的代码也不会直接崩溃。

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