Javascript Regex pour convertir la notation de points à la notation de support

Question

Considérez ce javascript:

var values = { 
    name: "Joe Smith", 
    location: { 
     city: "Los Angeles", 
     state: "California" 
    } 
} 

var string = "{name} is currently in {location.city}, {location.state}"; 

var out = string.replace(/{([\w\.]+)}/g, function(wholematch,firstmatch) { 
    return typeof values[firstmatch] !== 'undefined' ? 
     values[firstmatch] : wholematch; 
}); 

Cette volonté génèrerait les éléments suivants:

Joe Smith is currently in {location.city}, {location.state} 

Mais je veux génèrerait les éléments suivants:

Joe Smith is currently in Los Angeles, California 

Je cherche un bon moyen de convertir plusieurs niveaux de notation par points trouvés entre accolades dans la chaîne en plusieurs les paramètres à utiliser avec la notation de support, comme ceci:

values[first][second][third][etc] 

Essentiellement, pour cet exemple, je suis en train de comprendre quelle chaîne regex et la fonction que je devrais finir avec l'équivalent de:

out = values[name] + " is currently in " + values["location"]["city"] + 
    values["location"]["state"]; 

REMARQUE: Je voudrais faire cela sans utiliser eval().

Answer 1

l'aide d'une fonction d'aide pour accéder itérativement les propriétés:

function getNestedValue(obj, prop) { 
    var value, props = prop.split('.'); // split property names 

    for (var i = 0; i < props.length; i++) { 
    if (typeof obj != "undefined") { 
     obj = obj[props[i]]; // go next level 
    } 
    } 
    return obj; 
} 

var string = "{name} is currently in {location.city}, {location.state}"; 

var out = string.replace(/{([^}]+)}/g, function(wholematch,firstmatch) { 
    var value = getNestedValue(joe, firstmatch); 
    return typeof value !== 'undefined' ? value : wholematch; 
}); 
// "Joe Smith is currently in Los Angeles, California" 

Essayez l'exemple ci-dessus here.

Modifier: Quelque chose légèrement élégant, en utilisant la méthode Array.prototype.reduce, une partie de la nouvelle ECMAScript 5 Standard Edition:

function replace(str, obj) { 
    return str.replace(/{([^}]+)}/g, function(wholematch,firstmatch) { 
    var value = firstmatch.split('.').reduce(function (a, b) { 
     return a[b]; 
    }, obj); 
    return typeof value !== 'undefined' ? value : wholematch; 
    }); 
} 

replace("{name} is currently in {location.city}, {location.state}", values); 
// "Joe Smith is currently in Los Angeles, California" 

Essayez le nouvel exemple here.

Answer 2

Je ne suis pas sûr de savoir comment intégrer cela dans Javascript, mais voici un extrait Java qui utilise regex pour faire la transformation dont vous avez besoin:

String[] tests = { 
     "{name}", 
     "{location.city}", 
     "{location.state.zip.bleh}", 
    }; 
    for (String test : tests) { 
     System.out.println(test.replaceAll("\\{?(\\w+).?", "[$1]")); 
    } 

Cette impression:

[name] 
[location][city] 
[location][state][zip][bleh] 

Essentiellement, il remplace toutes les occurrences de \{?(\w+).? par [$1].

Answer 3

Vous pouvez regarder le sujet Error-free deep property access? posté sur comp.lang.javascript - cela présente plusieurs approches pour faire ce que vous voulez.

regexp, tout ce que vous avez besoin est /{.*?}/g