JavaScriptで文字列を変数名に変換する

解決策を探しましたが、その解決策は見つかりませんでした。

という変数がありますonlyVideo。

"onlyVideo"文字列は関数に渡されます。onlyVideo関数内の変数を何かに設定したい。どうやってやるの？

（関数に呼び出される可能性のある変数がいくつかあるので、ハードコードされたifステートメントではなく、動的に機能する必要があります。）

編集：おそらくあなたがしようとしていることを行うためのより良い方法があるでしょう。私はJavaScriptの冒険の早い段階でこれを尋ねました。JavaScriptオブジェクトの動作を確認してください。

簡単な紹介：

// 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;

それがグローバル変数のwindow[variableName] 場合window["onlyVideo"]は、またはあなたの場合はトリックを行う必要があります。

JavaScriptはそのeval()ような場合のための機能を持っています：

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

編集：申し訳ありませんが、私は質問をすくい取りすぎたようです。これは変数を取得するだけで、必要な値を設定します

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

または文字列を使用する場合：

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

しかし、私はあなたが探しているものを達成するためのより適切な方法があると思いますか？eval（）は、大きな理由がない限り、本当に使用したいものではないと思います。eval（）

eval対グローバル変数ソリューションに関する限り...

それぞれに利点があると思いますが、これは実際には誤った二分法です。グローバルな名前空間に偏執している場合は、一時的な名前空間を作成して、同じ手法を使用してください。

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

tempNamespace[myString] = 5;

次に、ストレージにウィンドウを使用せずに、tempNamespace.myVarProperty（現在は5）としてアクセスできることを確認してください。（文字列は括弧内に直接置くこともできます）

var myString = "echoHello";

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

echoHello();

邪悪な評価にはノーと言ってください。ここの例：https : //jsfiddle.net/Shaz/WmA8t/

あなたは連想配列としてウィンドウオブジェクトにアクセスし、そのように設定することができます

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

window ['variableName']メソッドは、変数がグローバルスコープで定義されている場合にのみ機能します。正解は「リファクタリング」です。「オブジェクト」コンテキストを提供できる場合、考えられる一般的な解決策が存在しますが、グローバル関数が変数のスコープに基づいて解決できないいくつかの変数があります。

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

オブジェクトのプロパティにアクセスしようとしている場合は、目的のwindowプロパティに到達するまで、オブジェクトの各プロパティを調べ、その各プロパティを調べる必要があります。a.b.cスクリプトのどこかで定義されていると仮定すると、以下を使用できます。

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

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

これは、オブジェクトのプロパティの深さに関係なく、オブジェクトのプロパティを取得するために機能します。

あなたはこのようにすることができます

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

このようにできます

(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());

次のコードを使用すると、JavaScriptで各DIVおよびその他のHTML要素を簡単に参照できます。すべてのHTML要素が表示されるように、このコードはタグの直前に含める必要があります。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";

もっとはっきりさせましょう

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