Gunakan nama variabel dinamis dalam JavaScript

Di PHP Anda dapat melakukan hal-hal luar biasa / mengerikan seperti ini:

$a = 1;
$b = 2;
$c = 3;
$name = 'a';
echo $$name;
// prints 1

Apakah ada cara melakukan hal seperti ini dengan Javascript?

Misal jika saya punya, var name = 'the name of the variable';bisakah saya mendapatkan referensi ke variabel dengan nama name?

Karena ECMA- / Javascript adalah semua tentang Objectsdan Contexts(yang, juga merupakan objek dari Object), setiap variabel disimpan dalam variabel yang disebut Variable- (atau dalam hal Function, Activation Object ).

Jadi jika Anda membuat variabel seperti ini:

var a = 1,
    b = 2,
    c = 3;

Dalam lingkup Global (= NO konteks fungsi), Anda secara implisit menulis variabel-variabel tersebut ke objek Global (= windowdalam browser).

Itu dapat diakses dengan menggunakan notasi "dot" atau "bracket":

var name = window.a;

atau

var name = window['a'];

Ini hanya bekerja untuk obyek global dalam contoh khusus ini, karena Obyek Variabel dari Object global adalah windowobjek itu sendiri. Dalam Konteks fungsi, Anda tidak memiliki akses langsung ke Objek Aktivasi . Contohnya:

function foobar() {
   this.a = 1;
   this.b = 2;

   var name = window['a']; // === undefined
   alert(name);
   name = this['a']; // === 1
   alert(name);
}

new foobar();

newmenciptakan instance baru dari objek yang didefinisikan sendiri (konteks). Tanpa newruang lingkup fungsi akan juga global(= window). Contoh ini akan mengingatkanundefined dan 1masing - masing. Jika kami akan mengganti this.a = 1; this.b = 2dengan:

var a = 1,
    b = 2;

Kedua keluaran peringatan akan tidak ditentukan. Dalam skenario itu, variabel adan bakan disimpan di Objek Aktivasi dari foobar, yang tidak dapat kita akses (tentu saja kita dapat mengaksesnya secara langsung dengan menelepon adan b).

eval adalah salah satu pilihan.

var a = 1;
var name = 'a';

document.write(eval(name)); // 1

Anda dapat menggunakan objek jendela untuk mendapatkannya.

window['myVar']

window memiliki referensi ke semua variabel global dan fungsi global yang Anda gunakan.

Hanya tidak tahu jawaban buruk apa yang mendapat begitu banyak suara. Ini jawaban yang cukup mudah tetapi Anda membuatnya rumit.

// If you want to get article_count
// var article_count = 1000;
var type = 'article';
this[type+'_count'] = 1000;  // in a function we use "this";
alert(article_count);

a = 'varname';
str = a+' = '+'123';
eval(str)
alert(varname);

Coba ini...

Ini adalah sebuah contoh:

for(var i=0; i<=3; i++) {
    window['p'+i] = "hello " + i;
}

alert(p0); // hello 0
alert(p1); // hello 1
alert(p2); // hello 2
alert(p3); // hello 3

Contoh lain :

var myVariable = 'coco';
window[myVariable] = 'riko';

alert(coco); // display : riko

Jadi, nilai " coco " dari myVariable menjadi variabel coco .

Karena semua variabel dalam lingkup global adalah properti dari objek Window.

Dalam Javascript Anda dapat menggunakan fakta bahwa semua properti adalah pasangan nilai kunci. jAndy sudah menyebutkan ini, tapi saya pikir jawabannya tidak menunjukkan bagaimana itu bisa dieksploitasi.

Biasanya Anda tidak mencoba membuat variabel untuk menyimpan nama variabel tetapi mencoba untuk menghasilkan nama variabel dan kemudian menggunakannya. PHP melakukannya dengan $$varnotasi tetapi Javascript tidak perlu karena kunci properti dapat dipertukarkan dengan kunci array.

var id = "abc";
var mine = {};
mine[id] = 123;
console.log(mine.abc);

memberikan 123. Biasanya Anda ingin membangun variabel yang mengapa ada tipuan sehingga Anda juga bisa melakukannya sebaliknya.

var mine = {};
mine.abc = 123;
console.log(mine["a"+"bc"]);

2019

TL; DR

• eval operator dapat menjalankan ekspresi string dalam konteks yang dipanggil dan mengembalikan variabel dari konteks itu;
• literal objectsecara teoritis dapat melakukannya dengan menulis:, {[varName]}tetapi diblokir oleh definisi.

Jadi saya menemukan pertanyaan ini dan semua orang di sini hanya bermain-main tanpa membawa solusi nyata. tapi @Axel Heider memiliki pendekatan yang bagus.

Solusinya adalah eval. operator yang hampir terlupakan. (Berpikir kebanyakan adalahwith() )

evalOperator dapat secara dinamis menjalankan ekspresi dalam konteks yang disebutnya. dan kembalikan hasil dari ekspresi itu. kita dapat menggunakannya untuk mengembalikan nilai variabel secara dinamis dalam konteks fungsi.

contoh:

function exmaple1(){
   var a = 1, b = 2, default = 3;
   var name = 'a';
   return eval(name)
}

example1() // return 1


function example2(option){
  var a = 1, b = 2, defaultValue = 3;

  switch(option){
    case 'a': name = 'a'; break;
    case 'b': name = 'b'; break;
    default: name = 'defaultValue';
  }
  return eval (name);
}

example2('a') // return 1
example2('b') // return 2
example2() // return 3

Perhatikan bahwa saya selalu menulis secara eksplisit ekspresi evalakan berjalan. Untuk menghindari kejutan yang tidak perlu dalam kode. evalsangat kuat Tapi saya yakin Anda sudah tahu itu

BTW, jika itu legal, kita dapat menggunakan literal objectuntuk menangkap nama variabel dan nilai, tetapi kita tidak dapat menggabungkan nama properti yang dihitung dan singkatan nilai properti, sayangnya, tidak valid

functopn example( varName ){
    var var1 = 'foo', var2 ='bar'

    var capture = {[varName]}

}

example('var1') //trow 'Uncaught SyntaxError: Unexpected token }`

Jika Anda tidak ingin menggunakan objek global seperti jendela atau global (simpul), Anda dapat mencoba sesuatu seperti ini:

var obj = {};
obj['whatever'] = 'There\'s no need to store even more stuff in a global object.';

console.log(obj['whatever']);

Saya perlu menggambar beberapa FormData dengan cepat dan cara objek bekerja dengan baik

var forms = {}

Kemudian di loop saya di mana pun saya perlu membuat data formulir yang saya gunakan

forms["formdata"+counter]=new FormData();
forms["formdata"+counter].append(var_name, var_value);

Ini adalah alternatif bagi mereka yang perlu mengekspor variabel yang dinamai secara dinamis

export {
  [someVariable]: 'some value',
  [anotherVariable]: 'another value',
}

// then.... import from another file like this:
import * as vars from './some-file'

Alternatif lain adalah dengan hanya membuat objek yang kuncinya dinamai secara dinamis

const vars = { [someVariable]: 1, [otherVariable]: 2 };

// consume it like this
vars[someVariable];

apa yang mereka maksudkan adalah tidak, Anda tidak bisa. tidak ada cara untuk menyelesaikannya. jadi mungkin saja kamu bisa melakukan hal seperti ini

function create(obj, const){
// where obj is an object and const is a variable name
function const () {}

const.prototype.myProperty = property_value;
// .. more prototype

return new const();

}

memiliki fungsi create sama seperti yang diterapkan pada ECMAScript 5.

eval () tidak berfungsi dalam pengujian saya. Tetapi menambahkan kode JavaScript baru ke pohon DOM adalah mungkin. Jadi di sini adalah fungsi yang menambahkan variabel baru:

function createVariable(varName,varContent)
{
  var scriptStr = "var "+varName+"= \""+varContent+"\""

  var node_scriptCode = document.createTextNode( scriptStr )
  var node_script = document.createElement("script");
  node_script.type = "text/javascript"
  node_script.appendChild(node_scriptCode);

  var node_head = document.getElementsByTagName("head")[0]
  node_head.appendChild(node_script);
}

createVariable("dynamicVar", "some content")
console.log(dynamicVar)

Meskipun ini memiliki jawaban yang diterima, saya ingin menambahkan pengamatan:

Dalam ES6 menggunakan let tidak berfungsi :

/*this is NOT working*/
let t = "skyBlue",
    m = "gold",
    b = "tomato";

let color = window["b"];
console.log(color);

Namun menggunakan var karya

/*this IS working*/
var t = "skyBlue",
    m = "gold",
    b = "tomato";

let color = window["b"];
console.log(color);

Saya harap ini bermanfaat bagi sebagian orang.

gunakan Object juga bagus.

var a=123
var b=234
var temp = {"a":a,"b":b}
console.log(temp["a"],temp["b"]);