Gunakan pembolehubah untuk menetapkan kemahiran js atribut names_javascript secara dinamik

Sasaran: nama atribut js boleh menggunakan pembolehubah

Contoh: objek objek js, apabila memberikan atribut kepada objek, anda boleh menggunakan kaedah berikut

Salin kod Kod adalah seperti berikut:

objek var;
object.prop1 = "nilai1";
object.prop2 = "nilai2";

Anda juga boleh menggunakan kaedah berikut:

Salin kod Kod adalah seperti berikut:

object.push({prop1:"value1"});
object.push({prop2:"nilai2"});

Di sini prop1 digunakan sebagai nama atribut, yang boleh digunakan secara langsung atau dalam tanda petikan, seperti:

Salin kod Kod adalah seperti berikut:

object.push({"prop1":"value1"});

Maksud ungkapan adalah sama iaitu prop1 hanya boleh dikenali sebagai pemalar, walaupun ia pembolehubah, ia tidak berguna, contohnya:

Salin kod Kod adalah seperti berikut: var prop1 = "prop2"; object.push({prop1:"value1"});

Apakah yang berlaku apabila anda mengakses prop2 melalui objek dengan cara ini?

Salin kod

Kod adalah seperti berikut: alert(object.prop2) Tidak perlu bertanya, sudah tentu ia tidak ditentukan, tetapi mengakses object.prop1 ialah "nilai1"

Alasannya telah pun disebut Tidak kira sama ada petikan disertakan atau tidak, atribut dianggap sebagai pemalar Berikut ialah contoh lain:

Salin kod

Kod adalah seperti berikut:

var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; untuk(var i dalam arr)

{

obj.i=arr[i];
}
makluman(obj.js);


Pembaca, sila teka apakah amaran yang akan dicetak?

Sudah tentu ia tidak ditentukan.

Tebak sekali lagi, apakah yang akan dicetak jika alert(obj.i)?

Sudah tentu ia adalah oocss, mengapa kerana obj kini hanya mempunyai satu atribut i, dan melalui dua gelung, bahagian hadapan obj.i ditimpa oleh yang terakhir.

Jika terdapat permintaan, anda perlu menambah atribut secara dinamik, iaitu, atribut juga mestilah pembolehubah Seperti dalam contoh kod di atas, alert(obj.js) bukan tidak ditentukan, tetapi jquery ubah suainya?

Salin kod

Kod adalah seperti berikut:

var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; untuk(var i dalam arr) {

obj[i]=arr[i];
}
makluman(obj.js);

Semudah itu! Anggap objek obj sebagai tatasusunan, yang menyokong penggunaan kaedah yang serupa dengan subskrip untuk menetapkan atribut dan nilai atribut kepada objek tersebut, namun objek itu masih merupakan objek, dan obj.length tidak wujud >