Konversi string ke nama variabel dalam JavaScript

Saya sudah mencari solusi, tetapi tidak dapat menemukannya.

Saya memiliki variabel yang dipanggil onlyVideo.

"onlyVideo"string dilewatkan ke fungsi. Saya ingin mengatur variabel onlyVideodi dalam fungsi sebagai sesuatu. Bagaimana saya bisa melakukan itu?

(Ada sejumlah variabel yang dapat dipanggil ke dalam fungsi, jadi saya membutuhkannya untuk bekerja secara dinamis, bukan ifpernyataan yang dikodekan dengan keras .)

Sunting: Mungkin ada cara yang lebih baik untuk melakukan apa yang Anda coba lakukan. Saya menanyakan hal ini sejak awal dalam petualangan JavaScript saya. Lihat cara kerja objek JavaScript.

Pengenalan sederhana:

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

Jika itu adalah variabel global maka window[variableName] atau dalam kasus Anda window["onlyVideo"]harus melakukan trik.

Javascript memiliki eval()fungsi untuk acara-acara seperti itu:

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

Sunting: Maaf, saya pikir saya terlalu cepat membaca pertanyaan. Ini hanya akan membuat Anda variabel, untuk mengaturnya Anda perlu

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

atau jika menggunakan string:

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

Tapi saya membayangkan ada cara yang lebih tepat untuk mencapai apa yang Anda cari? Saya tidak berpikir eval () adalah sesuatu yang Anda benar-benar ingin gunakan kecuali ada alasan bagus untuk itu. eval ()

Sejauh eval vs solusi variabel global ...

Saya pikir ada keuntungan untuk masing-masing tetapi ini benar-benar dikotomi yang salah. Jika Anda paranoid dari namespace global, buat namespace sementara & gunakan teknik yang sama.

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

tempNamespace[myString] = 5;

Cukup yakin Anda kemudian dapat mengakses sebagai tempNamespace.myVarProperty (sekarang 5), menghindari menggunakan jendela untuk penyimpanan. (Tali juga bisa dimasukkan langsung ke dalam kurung)

var myString = "echoHello";

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

echoHello();

Katakan tidak pada eval jahat . Contoh di sini: https://jsfiddle.net/Shaz/WmA8t/

Anda dapat mengakses objek jendela sebagai array asosiatif dan mengaturnya seperti itu

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

Metode window ['variabelName'] HANYA berfungsi jika variabel didefinisikan dalam lingkup global. Jawaban yang benar adalah "Refactor". Jika Anda dapat memberikan konteks "Objek" maka solusi umum yang mungkin ada, tetapi ada beberapa variabel yang tidak dapat diselesaikan fungsi global berdasarkan pada cakupan variabel.

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

Jika Anda mencoba mengakses properti objek, Anda harus mulai dengan cakupan windowdan menelusuri setiap properti objek hingga Anda mendapatkan yang Anda inginkan. Dengan asumsi yang a.b.ctelah didefinisikan di tempat lain dalam skrip, Anda dapat menggunakan yang berikut:

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

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

Ini akan bekerja untuk mendapatkan properti dari objek apa pun, tidak peduli seberapa dalam itu.

Anda bisa melakukan ini

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

Itu bisa dilakukan seperti ini

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

Kode berikut memudahkan untuk merujuk ke masing-masing DIV dan elemen HTML lainnya dalam JavaScript. Kode ini harus dimasukkan tepat sebelum tag, sehingga semua elemen HTML telah terlihat. Itu harus diikuti oleh kode JavaScript Anda.

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

biarkan saya membuatnya lebih jelas

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