JavaScript：如何匹配字符串和变量？

Question

我需要你的帮助，

我希望在activeLayers = [bus,stops,slot1] 而不是activeLayers = ["bus","stops","slot1"] 我该如何管理这个？换句话说，我想将字符串“转换”为对象，它应该引用。

很遗憾，这里不起作用，更多代码可能会有所帮助

window.onload = function () {
                var validLayers = {
                    slot1 : new L.LayerGroup(),
                    places : new L.LayerGroup(),
                    stops : new L.LayerGroup()
                    };
                    var platz = L.MakiMarkers.icon({icon: "embassy", color: "#f00", size: "l"});
                    var extern = L.MakiMarkers.icon({icon: "college", color: "#FF9900", size: "l"});


                        // Wichtige Plätze
                        L.marker([49.99264845,8.24160625696918], {icon: platz}).bindPopup('Wiese vor dem ZDV').addTo(validLayers.places);
                        L.marker([49.99454,8.24384], {icon: platz}).bindPopup('Rote Infobox').addTo(validLayers.places);
                        L.marker([49.99182355,8.23384953468164],{icon:platz}).bindPopup('Zentralmensa').addTo(validLayers.places);
// Get url parameters
var params = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
    params[key] = value;
});


if( params.layers) {
    var activeLayers = (function(arr) {
        var l = arr.length, i, ret = {};
        for( i=0; i<l; i++) ret[i] = validLayers[arr[i]];
        return ret;
    })(params.layers.split(","));
}

// Create map
var map = new L.Map('map', {
    center: [params.lat || 49.99238, params.lng || 8.23779],
    minZoom: 12,
    maxZoom: 18,
    zoom: params.zoom || 15,
    layers: activeLayers || [validLayers.places, validLayers.stops ,validLayers.slot1]
});



                var baseLayers = {
                };

                var overlays = {
                    "Sonstiges": validLayers.places,
                    "Bus": validLayers.stops,
                    "Slot 1": validLayers.slot1,
                    "Slot 2": validLayers.slot2,
                    "Slot 3": validLayers.slot3,
                    "Slot 4": validLayers.slot4
                };



                L.control.layers(baseLayers, overlays).addTo(map);

                L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
                }).addTo(map);
}

这是我用来显示网站的网址

campusmap.html?lat=49.99684&lng=8.24811&zoom=18&layers=places,bus,slot1

Answer 1

如果我正确理解您的问题，您希望能够在查询字符串中引用某些变量吗？如果是这样，请考虑尝试以下操作：

var validLayers = {
    slot1: new L.LayerGroup(),
    places: new L.LayerGroup(),
    stops: new L.LayerGroup()
};

// get url parameters
// ...

if( params.layers) {
    var activeLayers = params.layers.split(",").map(function(key) {
        return validLayers[key];
    });
}

这里，validLayers 被用作白名单，因此只有您允许的内容才能被引用。