Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengulangi sifat objek tatasusunan menggunakan jQuery

Bagaimana untuk mengulangi sifat objek tatasusunan menggunakan jQuery

PHPz
Lepaskan: 2023-04-17 16:21:55
asal
777 orang telah melayarinya

Untuk objek tatasusunan, kita boleh menggunakan fungsi each() jQuery untuk mengulangi sifatnya. Dalam artikel ini, kita akan belajar bagaimana untuk melelaran sifat objek tatasusunan menggunakan jQuery.

  1. Memahami objek tatasusunan

Pertama, mari kita fahami objek tatasusunan. Objek tatasusunan boleh menjadi tatasusunan yang mengandungi berbilang objek, masing-masing mempunyai sifatnya sendiri. Sebagai contoh, berikut ialah tatasusunan yang mengandungi tiga objek:

var myArray = [
    {name: 'John', age: 25},
    {name: 'Mary', age: 30},
    {name: 'David', age: 28}
];
Salin selepas log masuk

Dalam contoh ini, myArray ialah tatasusunan yang mengandungi tiga objek. Setiap objek mempunyai nama dan sifat umurnya sendiri.

  1. Lelaran pada objek tatasusunan menggunakan fungsi each() jQuery

Sekarang, mari kita pelajari cara untuk mengulang sifat objek tatasusunan menggunakan fungsi each() jQuery. Berikut ialah kod sampel:

$.each(myArray, function(index, value) {
    console.log(value.name + ' is ' + value.age + ' years old');
});
Salin selepas log masuk

Dalam contoh ini, kami menggunakan setiap() fungsi untuk melelaran ke atas tatasusunan myArray. Setiap sifat objek dihantar ke parameter nilai fungsi panggil balik. Dalam fungsi panggil balik, kita boleh mengakses sifat setiap objek menggunakan value.name dan value.age.

  1. Aplikasi Praktikal

Sekarang, mari kita lihat senario aplikasi praktikal. Dalam contoh ini, kami akan menggunakan fungsi each() untuk mengulangi data JSON yang diperoleh daripada API.

Andaikan kita mendapat data JSON berikut daripada API:

[
    {
        "id": 1,
        "name": "John Doe",
        "email": "johndoe@example.com"
    },
    {
        "id": 2,
        "name": "Mary Smith",
        "email": "marysmith@example.com"
    },
    {
        "id": 3,
        "name": "David Johnson",
        "email": "davidjohnson@example.com"
    }
]
Salin selepas log masuk

Kita boleh menggunakan kod berikut untuk melelaran melalui sifat setiap objek:

$.getJSON('https://example.com/api/users', function(data) {
    $.each(data, function(index, value) {
        console.log(value.id + ': ' + value.name + ' (' + value.email + ')');
    });
});
Salin selepas log masuk

Dalam contoh ini, kami menggunakan fungsi getJSON() untuk mendapatkan data daripada API dan menghantarnya kepada fungsi each(). Setiap sifat objek dihantar ke parameter nilai fungsi panggil balik. Dalam fungsi panggil balik, kita boleh mengakses sifat setiap objek menggunakan value.id, value.name dan value.email.

  1. Ringkasan

fungsi setiap () jQuery ialah alat yang berkesan untuk merentasi sifat objek tatasusunan. Dengan menggunakan fungsi ini, kita boleh lelaran melalui semua sifat objek tatasusunan dan melaksanakan operasi yang diperlukan. Dalam aplikasi praktikal, kita boleh menggunakan fungsi ini untuk mendapatkan data daripada API dan membentangkannya kepada pengguna.

Saya harap artikel ini dapat membantu anda Jika anda menghadapi sebarang pertanyaan, sila ajukan soalan di ruangan komen.

Atas ialah kandungan terperinci Bagaimana untuk mengulangi sifat objek tatasusunan menggunakan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan