javascript - 字符串到真实对象

Question

我有一个 javascript 对象 varflower_1; var Flower_2;

我的问题是我是否有另一个变量，例如字符串 var Name;

举例来说： Name = "flower_1";

如何我将 Name 变量更改为对象 "flower_1"

Answer 1

如果我正确理解你的问题，你会得到这样的结果：

function foo() {
    var flower_1 = { /* ... */ };
    var flower_2 = { /* ... */ };
    var name = "flower_1";

    var target = /* code here to get the correct object based on `name` */;
}

你可以这样做，但如果可能的话应该避免这样做：

var target = eval(name);

eval是一个非常大的，而且很容易应该而且可以避免被滥用的工具。在几年的 JavaScript 开发中，我从未在生产代码中使用过它。另请注意，在新的“严格”模式中不允许使用eval语言的（严格模式带来的众多改进之一）。

在这种特殊情况下，很容易避免：

function foo() {
    var objects = {
        flower_1: { /* ... */ },
        flower_2: { /* ... */ }
    };
    var name = "flower_1";

    var target = objects[name];
}

现在，flower_1 和 flower_2 是对象的属性，您可以使用括号表示法（ []) 和字符串名称来访问这些属性。这是因为在 JavaScript 对象中，您可以使用点符号和文字（例如，obj.foo）访问属性，也可以使用括号符号和字符串（例如，obj[" foo"]）。在第二种情况下，字符串不必是字符串文字，它可以是表达式的结果，包括（如本例中）从变量中检索字符串。

这是两种技术的实例。

请注意，如果您的 var 语句是全局变量，那么这些变量成为全局对象的属性，在网络浏览器上是 window，因此如果它们是全局变量，您可以通过 window[name] 访问它们代码> 出于完全相同的原因objects[name] 有效。但最佳实践是避免全局变量（如果可以的话，完全避免，或者仅公开一个具有良好唯一名称的变量，然后在必要时包含所有公共内容 - 例如，如果外部代码需要访问您的内容）。

Answer 2

您可以使用 eval() 函数：

var flower_1 = "abc";
var name = "flower_1";

var x = eval(name); // = "abc"

值得注意的是，使用 eval() 函数并不是最佳实践，应不惜一切代价避免使用。

更好的（也是更推荐的）解决方案是使用关联数组：

var name = "flower_1";
var arr = new Array();
arr["flower_1"] = "abc";

var x = arr[name]; // = "abc"