如何在 Vue JavaScript 中将一个变量与另一个变量一起使用？

Question

const n = this.prac
const x = this.oa
console.log(x)
console.log(n[0].x)

因此 n 存储来自 JSON 文件的数据，其中包含组织、职位等列。 oa 将有一个由用户输入的值。假设用户输入 Organizations 我想打印 n[0].x 即 n[0].Organizations 但是当我做 console.log(n[0].x) 它打印 undefined 另一方面 console.log(n[0].Organizations) 工作正常。我究竟做错了什么？我不能使用 x 而不是 Organizations 吗？

Answer 1

当试图从带有变量的对象访问数据时，您可以使用方括号表示法而不是点表示法。

那么对你来说，你可以做到

const n = this.prac
const x = this.oa
console.log(x)
console.log(n[0][x])

这应该会产生您要查找的值。

我在这里 How can I access and process nested objects, arrays or JSON? 找到了这个很棒的答案，它提供了更多细节和背景，说明了为什么会这样。

如何在 Vue JavaScript 中将一个变量与另一个变量一起使用？

How can I use one variable with another in Vue JavaScript?

javascript

vue.js