用字符串内容动态替换数组对象的名称

Question

为了减少我的最后一个问题（有点复杂）。是否可以动态更改“数组对象”的名称？

我有一个变量列表（结构必须保持这样）：

var markers = []
var markerHouse = ... markers.push(markerHouse);
var markerAnimal = ... markers.push(markerAnimal);
var markerCar = ... markers.push(markerCar);
// aso.

我尝试了很多方法来更改数组对象名称，比如这个：

var NewMarkers = "markerHouse, markerAnimal"; // string content, generated by a function
var NewMarkersArray = NewMarkers.split(","); // create array of this string
var NewGroup = L.layerGroup([NewMarkersArray]); // request for array of objects

NewGroup的结果是：

L.layerGroup(["markerHouse", "markerAnimal"]);

我得到一个“TypeError：不能使用'in'运算符在“markerHouse”中搜索“_leaflet_id”......

但我需要的是：

L.layerGroup([markerHouse, markerAnimal]);

Answer 1

你需要评估吗？

L.layerGroup([eval("markerHouse"), eval("markerAnimal")]);

Answer 2

按照其他问题中的建议使用 eval() 被认为是一种不好的做法。

通过变量的字符串名称检索变量的最直接方法是通过它的范围。变量的范围是“this”（对于全局变量也是“window”）。

所以你可以这样做：

L.layerGroup( [ this["markerHouse"], this["markerAnimal")] ]);

或者：

L.layerGroup( [ window["markerHouse"], window["markerAnimal")] ]);

为您的全局变量。

并使用动态变量名称：

var dynamicallyGeneratedArrayOfVarNames = "markerHouse,markerAnimal".split(',');
L.layerGroup( [ this[dynamicallyGeneratedArrayOfVarNames[0]], this[dynamicallyGeneratedArrayOfVarNames[1])] ]);

请参见下面的 sn-p：

var markerHouse = 'markerHouse content';
var markerAnimal = 'markerAnimal content'
// In a local scope
console.log(this['markerHouse']);
console.log(this['markerAnimal']);

// Or global scope
console.log(window['markerHouse']);
console.log(window['markerAnimal']);

// Notice how this === window when not in function or class
console.log('this === window: '+(this===window))

// And with dynamically retrieved names
var NewMarkers = "markerHouse, markerAnimal"; // string content, generated by a function
var NewMarkersArray = NewMarkers.split(", "); // create array of this string
console.log(this[NewMarkersArray[0]])
console.log(this[NewMarkersArray[1]])

不过，如果您有能力重构初始代码，那么最佳做法是在创建时按名称存储变量，例如：

const myvars = {}
myvars.markerHouse = "any type of marker house data"
myvars.markerAnimal = "any type of marker animal data"

L.layerGroup( [ myvars["markerHouse"], myvars["markerAnimal")] ]);