Convertir une chaîne en nom de variable en JavaScript

J'ai cherché des solutions, mais je n'ai trouvé aucun résultat.

J'ai une variable appelée onlyVideo.

"onlyVideo"la chaîne est passée dans une fonction. Je veux définir la variable onlyVideoà l'intérieur de la fonction comme quelque chose. Comment puis je faire ça?

(Il y a un certain nombre de variables qui pourraient être appelées dans la fonction, donc j'en ai besoin pour fonctionner dynamiquement, pas des ifinstructions codées en dur .)

Edit: Il y a probablement une meilleure façon de faire ce que vous essayez de faire. Je l'ai demandé au début de mon aventure JavaScript. Découvrez comment fonctionnent les objets JavaScript.

Une introduction simple:

// create JavaScript object
var obj = { "key1": 1 };

// assign - set "key2" to 2
obj.key2 = 2;

// read values
obj.key1 === 1;
obj.key2 === 2;

// read values with a string, same result as above
// but works with special characters and spaces
// and of course variables
obj["key1"] === 1;
obj["key2"] === 2;

// read with a variable
var key1Str = "key1";
obj[key1Str] === 1;

S'il s'agit d'une variable globale, alors window[variableName] ou dans votre cas window["onlyVideo"], faites l'affaire.

Javascript a une eval()fonction pour de telles occasions:

function (varString) {
  var myVar = eval(varString);
  // .....
}

Edit: Désolé, je pense que j'ai survolé la question trop rapidement. Cela ne vous obtiendra que la variable, pour la définir, vous avez besoin

function SetTo5(varString) {
  var newValue = 5;
  eval(varString + " = " + newValue);
}

ou si vous utilisez une chaîne:

function SetToString(varString) {
  var newValue = "string";
  eval(varString + " = " + "'" + newValue + "'");
}

Mais j'imagine qu'il existe un moyen plus approprié d'accomplir ce que vous recherchez? Je ne pense pas que eval () soit quelque chose que vous voulez vraiment utiliser à moins qu'il y ait une bonne raison à cela. eval ()

En ce qui concerne eval vs solutions variables globales ...

Je pense qu'il y a des avantages pour chacun, mais c'est vraiment une fausse dichotomie. Si vous êtes paranoïaque de l'espace de noms global, créez simplement un espace de noms temporaire et utilisez la même technique.

var tempNamespace = {};
var myString = "myVarProperty";

tempNamespace[myString] = 5;

Je suis sûr que vous pourriez alors accéder en tant que tempNamespace.myVarProperty (maintenant 5), en évitant d'utiliser une fenêtre pour le stockage. (La chaîne peut également être placée directement entre crochets)

var myString = "echoHello";

window[myString] = function() {
    alert("Hello!");
}

echoHello();

Dites non au eval maléfique . Exemple ici: https://jsfiddle.net/Shaz/WmA8t/

Vous pouvez accéder à l'objet fenêtre en tant que tableau associatif et le définir de cette façon

window["onlyVideo"] = "TEST";
document.write(onlyVideo);

La méthode window ['variableName'] fonctionne UNIQUEMENT si la variable est définie dans la portée globale. La bonne réponse est "Refactor". Si vous pouvez fournir un contexte "Objet", une solution générale possible existe, mais il existe certaines variables qu'aucune fonction globale ne pourrait résoudre en fonction de la portée de la variable.

(function(){
    var findMe = 'no way';
})();

Si vous essayez d'accéder à la propriété d'un objet, vous devez commencer par la portée de windowet parcourir chaque propriété de l'objet jusqu'à ce que vous arriviez à celle que vous souhaitez. En supposant que cela a.b.ca été défini ailleurs dans le script, vous pouvez utiliser ce qui suit:

var values = window;
var str = 'a.b.c'.values.split('.');

for(var i=0; i < str.length; i++)
    values = values[str[i]];

Cela fonctionnera pour obtenir la propriété de n'importe quel objet, quelle que soit sa profondeur.

Vous pouvez faire comme ça

var name = "foo";
var value = "Hello foos";
eval("var "+name+" = '"+value+"';");
alert(foo);

Cela peut être fait comme ça

(function(X, Y) {
  
  // X is the local name of the 'class'
  // Doo is default value if param X is empty
  var X = (typeof X == 'string') ? X: 'Doo';
  var Y = (typeof Y == 'string') ? Y: 'doo';
  
  // this refers to the local X defined above
  this[X] = function(doo) {
    // object variable
    this.doo = doo || 'doo it';
  }
  // prototypal inheritance for methods
  // defined by another
  this[X].prototype[Y] = function() {
    return this.doo || 'doo';
  };
  
  // make X global
  window[X] = this[X];
}('Dooa', 'dooa')); // give the names here

// test
doo = new Dooa('abc');
doo2 = new Dooa('def');
console.log(doo.dooa());
console.log(doo2.dooa());

Le code suivant facilite la référence à chacun de vos DIV et autres éléments HTML en JavaScript. Ce code doit être inclus juste avant la balise, afin que tous les éléments HTML aient été vus. Il doit être suivi de votre code JavaScript.

// For each element with an id (example: 'MyDIV') in the body, create a variable
// for easy reference. An example is below.
var D=document;
var id={}; // All ID elements
var els=document.body.getElementsByTagName('*');
for (var i = 0; i < els.length; i++)
    {
    thisid = els[i].id;
    if (!thisid)
        continue;
    val=D.getElementById(thisid);
    id[thisid]=val;
    }

// Usage:
id.MyDIV.innerHTML="hello";

permettez-moi d'être plus clair

function changeStringToVariable(variable, value){
window[variable]=value
}
changeStringToVariable("name", "john doe");
console.log(name);
//this outputs: john doe
let file="newFile";
changeStringToVariable(file, "text file");
console.log(newFile);
//this outputs: text file