javascript - 使用 。反引号内的运算符 javascript

Question

这个问题已经有答案了:

Accessing an object property with a dynamically-computed name (19 个回答)

已关闭 3 年前。

所以这是我所处的一种不寻常的情况，但我需要做的是根据对象存储的索引来访问对象的值。问题是我在 Select 中需要它。 Material ui 的组件。所以概述是我存储视频的 Alginment 值。视频显示在循环中，这意味着选择值会重复，并且要知道它是否为第一个视频，我将索引附加到对象内，如下所示:

现在为了设置该选项，我必须在此处访问该值:

现在问题出在这个循环中，我不能做类似的事情: halign.halign[index]因为显然这意味着它是一个数组。长话短说，我该怎么做:

value={`${halign.halign}${index}`}所以基本上评估值的最终结果是:halign.halign0每个索引依此类推。注意，外部 halign 是主要的 useState 对象。

Answer 1

请记住，对于 JavaScript 对象，x['y'] 和 x.y 是可以互换的。

因此，如果您需要计算要查找的 key ，请使用:

halign['halign' + index]

如果您愿意，也可以使用模板字符串。

请注意，如果您使用内部数组组织对象，这会容易得多，因此您只需执行 halign[index] 即可。