Kaedah gelung melalui objek objek dalam jquery_jquery

Seorang rakan bertanya cara menukar objek kepada tatasusunan Apabila saya bertanya kepadanya mengapa dia mahu menukarnya, dia memberitahu saya bahawa tatasusunan boleh dilalui menggunakan gelung js, tetapi objek tidak boleh. Malah, objek juga boleh dilalui dalam gelung. Anda boleh gelung tanpa penukaran! Ini bermakna anda tidak begitu mahir dalam beberapa operasi js atau jquery! Di sini saya akan memperkenalkannya secara ringkas!

Kes

Mari kita lihat objek berikut:

var data={
  张三：69，
  李四：72，
  王五：90，
  二麻子：88，
  前端博客：100，
  haorooms : 98,
  王大壮：99
}

Andaikan perkara di atas ialah kunci dan objek nilai yang dikembalikan oleh latar belakang (saya percaya anda sering menemui objek jenis ini!), kini anda perlu mengikat kandungan ini pada jadual dalam satu gelung. Sesetengah rakan tidak tahu cara mengendalikan gelung objek! Hari ini saya akan memperkenalkan dua kaedah kepada anda!

Kaedah 1:

Gunakan $.each untuk menggelung!

Jika anda tidak tahu $.each, saya cadangkan anda mencarinya dalam talian. Sudah tentu, anda juga boleh mencari "perbezaan antara jquery's $().each dan $.each. Saya tidak akan menerangkan secara terperinci tentang perbezaan mereka di sini. Sesetengah rakan mungkin menggunakan $().setiap lagi Hari ini saya akan memperkenalkan $.each kepada anda.

$.each() boleh merentasi tatasusunan dan objek. Begini caranya:

$.each([{“name”:”haorooms”,”email”:”bb@126.com”},{“name”:”qianduan”,”email”:”aa@hao.com”}],function(i,n)
{
alert(“索引:”+i,”对应值为：”+n.name);
});

Anda juga boleh melintasi seperti ini:

var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});

Output: satu dua tiga empat lima
Perkara terbaik ialah anda boleh melintasi tatasusunan:

var obj =data;//上面复制的data
$.each(obj, function(key, val) {
alert(obj[key]);//可以输出成绩
console.log(key);//可以输出姓名
});

Kaedah 2:

Gunakan untuk dalam gelung untuk melintasi obj

Untuk objek di atas, kita boleh menulis seperti ini untuk gelung!

for(var i in data){
 console.dir(i);//输出姓名
 console.dir(data[i]);//输出分数
}

Saya percaya semua orang mesti biasa dengan gelung for in! Yang paling biasa digunakan untuk gelung adalah untuk(var i=0;i

Selain itu, jika kita menemui objek berikut:

var data={
  张三：69，
  李四：72，
  王五：90，
  二麻子：88，
  前端博客：100，
  haorooms : 98,
  王大壮：99
}

Kami boleh menggunakan data.haorooms untuk mendapatkan 98, tetapi jika kami menggunakan "data.front-end blog", ralat akan dilaporkan Oleh itu, apabila kami menggunakan aksara Cina sebagai nilai utama, kami harus menggunakan data[" blog hujung hadapan"] apabila memilih, ini Pilih cara, jangan gunakan titik lagi.

Di atas adalah kaedah gelung melalui objek objek dalam jquery saya harap ia akan membantu pembelajaran semua orang.