Rumah hujung hadapan web tutorial js Bagaimana untuk lelaran melalui sifat objek menggunakan fungsi forEach?

Bagaimana untuk lelaran melalui sifat objek menggunakan fungsi forEach?

Nov 18, 2023 pm 06:10 PM
foreach harta benda Melintasi objek

Bagaimana untuk lelaran melalui sifat objek menggunakan fungsi forEach?

Bagaimana untuk menggunakan fungsi forEach untuk melintasi sifat objek?

Dalam JavaScript, kita selalunya perlu merentasi sifat objek. Jika anda ingin menggunakan cara ringkas untuk mengulangi sifat objek, fungsi forEach ialah pilihan yang sangat baik. Dalam artikel ini, kami akan menerangkan cara menggunakan fungsi forEach untuk mengulangi sifat objek dan memberikan contoh kod khusus.

Pertama sekali, marilah kita memahami penggunaan asas fungsi forEach. Fungsi forEach ialah kaedah objek Tatasusunan JavaScript yang menjalankan operasi tertentu pada setiap elemen tatasusunan. Walau bagaimanapun, kita juga boleh menggunakan beberapa helah untuk menjadikannya berfungsi untuk traversal harta objek.

Sebelum menggunakan fungsi forEach untuk melintasi sifat objek, kita perlu menukar sifat objek kepada tatasusunan. Ini boleh dicapai melalui kaedah Object.keys(), yang mengembalikan tatasusunan yang mengandungi semua sifat objek yang boleh dikira. Kami kemudiannya boleh menggunakan fungsi forEach untuk melelaran melalui tatasusunan dan beroperasi pada setiap harta.

Berikut ialah contoh kod khusus:

const obj = {
  name: '张三',
  age: 25,
  gender: '男'
};

const keys = Object.keys(obj);

keys.forEach(key => {
  console.log(`属性名:${key},属性值:${obj[key]}`);
});
Salin selepas log masuk

Dalam kod di atas, kami mula-mula mentakrifkan objek bernama obj dan memulakan beberapa sifat. Kemudian, kami menggunakan kaedah Object.keys(obj) untuk menukar sifat objek kepada tatasusunan dan menetapkannya kepada kekunci pembolehubah. Seterusnya, kami menggunakan fungsi forEach untuk beralih melalui tatasusunan kunci dan beroperasi pada setiap atribut. Dalam contoh ini, kami menggunakan fungsi anak panah untuk menentukan fungsi panggil balik bagi fungsi forEach. Dalam fungsi panggil balik, kami mengakses nilai atribut objek melalui obj[key] dan mencetaknya.

Dengan menjalankan kod di atas, kami akan mendapat output berikut:

属性名:name,属性值:张三
属性名:age,属性值:25
属性名:gender,属性值:男
Salin selepas log masuk

Seperti yang dapat dilihat daripada output di atas, kami berjaya melintasi semua sifat objek obj dan Setiap atribut dimanipulasi. Menggunakan fungsi forEach boleh menjadikan sifat objek melintasi mudah dan pantas, dan kebolehbacaan kod juga telah dipertingkatkan dengan banyak.

Selain menggunakan fungsi forEach, kita juga boleh menggunakan kaedah traversal lain untuk melintasi sifat objek, seperti untuk...dalam gelung dan kaedah Object.entry(). Setiap kaedah ini mempunyai ciri tersendiri, dan kaedah yang sesuai boleh dipilih mengikut keperluan sebenar.

Untuk meringkaskan, adalah sangat mudah untuk menggunakan fungsi forEach untuk melintasi sifat sesuatu objek. Hanya tukar sifat objek kepada tatasusunan dan gunakan fungsi forEach untuk melelaran melalui tatasusunan. Melalui contoh kod di atas, saya percaya anda sudah boleh menguasai cara menggunakan fungsi forEach untuk melintasi sifat sesuatu objek. Semoga anda mendapat hasil yang lebih baik dalam pembangunan JavaScript!

Atas ialah kandungan terperinci Bagaimana untuk lelaran melalui sifat objek menggunakan fungsi forEach?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah perbezaan antara menggunakan foreach dan iterator untuk memadam elemen semasa melintasi Java ArrayList? Apakah perbezaan antara menggunakan foreach dan iterator untuk memadam elemen semasa melintasi Java ArrayList? Apr 27, 2023 pm 03:40 PM

Apakah perbezaan antara menggunakan foreach dan iterator untuk memadam elemen semasa melintasi Java ArrayList?

Bagaimana untuk menentukan bilangan gelung foreach dalam php Bagaimana untuk menentukan bilangan gelung foreach dalam php Jul 10, 2023 pm 02:18 PM

Bagaimana untuk menentukan bilangan gelung foreach dalam php

Bagaimana untuk mendapatkan sifat literal integer dalam Python tanpa SyntaxError? Bagaimana untuk mendapatkan sifat literal integer dalam Python tanpa SyntaxError? Aug 20, 2023 pm 07:13 PM

Bagaimana untuk mendapatkan sifat literal integer dalam Python tanpa SyntaxError?

Fungsi dir() Python: Lihat sifat dan kaedah objek Fungsi dir() Python: Lihat sifat dan kaedah objek Nov 18, 2023 pm 01:45 PM

Fungsi dir() Python: Lihat sifat dan kaedah objek

Bagaimana untuk menamakan semula sifat JSON menggunakan Gson di Java? Bagaimana untuk menamakan semula sifat JSON menggunakan Gson di Java? Aug 27, 2023 pm 02:01 PM

Bagaimana untuk menamakan semula sifat JSON menggunakan Gson di Java?

Apa yang perlu dilakukan jika sifat cakera Win11 tidak diketahui Apa yang perlu dilakukan jika sifat cakera Win11 tidak diketahui Jul 03, 2023 pm 04:17 PM

Apa yang perlu dilakukan jika sifat cakera Win11 tidak diketahui

PHP mengembalikan tatasusunan dengan nilai kunci dibalikkan PHP mengembalikan tatasusunan dengan nilai kunci dibalikkan Mar 21, 2024 pm 02:10 PM

PHP mengembalikan tatasusunan dengan nilai kunci dibalikkan

Kaedah dan contoh menambah atribut secara dinamik menggunakan fungsi Vue.set Kaedah dan contoh menambah atribut secara dinamik menggunakan fungsi Vue.set Jul 24, 2023 pm 07:22 PM

Kaedah dan contoh menambah atribut secara dinamik menggunakan fungsi Vue.set

See all articles