Rumah > hujung hadapan web > tutorial js > ays untuk mengulangi 'objek' dalam javascript

ays untuk mengulangi 'objek' dalam javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2024-07-17 05:57:39
asal
564 orang telah melayarinya

ays to iterate over “objects” in javascript

Dalam objek javascript mengandungi sifat pasangan nilai kunci dan lelaran ke atas objek adalah berbeza daripada tatasusunan . Objek boleh diulang menggunakan untuk...dalam gelung dan Object.keys(), Object.values(), dan Object.entry(). Mari lihat cara anda boleh menggunakan setiap kaedah:

1. menggunakan kaedah untuk...dalam

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'
Salin selepas log masuk

2.Menggunakan Object.keys(): kaedah

object.keys() ialah kaedah javascript yang mengambil objek sebagai hujah dan mengembalikan tatasusunan kunci

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```




Salin selepas log masuk

kita boleh menggunakan object.keys() untuk mengulangi objek


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i<Object_keys.length;i++){
  console.log(`${Object_keys[i]} : ${person[Object_keys[i]]}`);
}

//here i have used Object_keys array which i got from Object.keys(person);
for(let keys of Object_keys){
  console.log(`${keys} : ${person[keys]}`);
}

// here i have just directly use object.key() method
for(let keys of Object.keys(person)){
  console.log(`${keys}: ${person[keys]}`);
}

// all three ways will give same output
name : John
age : 30
occupation : Engineer


Salin selepas log masuk

3.Menggunakan Object.entry():

Object.entry() ialah kaedah javascript yang mengambil objek sebagai hujah dan mengembalikan tatasusunan 2d pasangan nilai kunci


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

const Object_keyValue = Object.entries(person);

//output
// [ [ 'name', 'John' ], [ 'age', 30 ], [ 'occupation', 'Engineer' ] ]


Salin selepas log masuk

kita boleh menggunakan Object.entry() untuk mengulangi objek


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Salin selepas log masuk

4. Menggunakan Object.values():

Object.values() mengembalikan tatasusunan nilai harta benda yang boleh dikira sendiri. Ini berguna jika anda hanya berminat dengan nilai dan bukan kuncinya.


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Salin selepas log masuk

Atas ialah kandungan terperinci ays untuk mengulangi 'objek' dalam javascript. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan