」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 可以在 javascript 中迭代“物件”

可以在 javascript 中迭代“物件”

發佈於2024-08-02
瀏覽:316

ays to iterate over “objects” in javascript

在javascript物件中包含鍵值對屬性,且迭代物件與陣列不同。可以使用 for...in 迴圈以及 Object.keys()、Object.values() 和 Object.entries() 來迭代物件。讓我們看看如何使用每種方法:

1。使用 for...in 方法

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'

2.使用Object.keys():方法

object.keys() 是一個 javascript 方法,它將物件作為參數並傳回鍵數組

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




```

我們可以使用 object.keys() 來迭代物件

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

常量人= {
    姓名:“約翰”,
    年齡:30歲,
    職業:“工程師”
  };
const Object_keys = Object.keys(person);

//這裡首先我使用了從Object.keys(person)得到的Object_keys陣列;
for(令 i = 0 ; i

3.使用Object.entries():

Object.entries()

是一個 javascript 方法,它以物件為參數並傳回鍵值對的二維數組

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

常量人= {
    姓名:“約翰”,
    年齡:30歲,
    職業:“工程師”
  };

const Object_keyValue = Object.entries(person);

//輸出
// [ 

, , ]


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'


Object.entries()

來迭代物件 常量人= { 姓名:“約翰”, 年齡:30歲, 職業:“工程師” }; for (Object.entries(person) 的 const [鍵,值]) { console.log(`${key} : ${value}`); } //輸出 // 名稱: '約翰', // 年齡:30, // 職業:'工程師'

4。使用 Object.values():


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

const values = Object.values(myObject);

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



Object.values() 傳回物件本身可列舉屬性值的陣列。如果您只對值而不是鍵感興趣,這可能很有用。

常數 myObject = { prop1: '值1', prop2: '值2', prop3: '值3' }; const 值 = Object.values(myObject); for(值的常數值){ 控制台.log(值); } ays to iterate over “objects” in javascript

版本聲明 本文轉載於:https://dev.to/sagar7170/4-ways-to-iterate-over-objects-in-javascript-1e8p?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3