js對象如何循環

2024-06-22 12:24:47 前端筆記 190

如何在 JavaScript 中循環遍歷對象

JavaScript 對象是一種無序的鍵值對集合，為了遍歷對象中的鍵值對，有以下幾種方法：

1. for…in 循環

此方法用于遍歷對象的鍵，并且可以訪問對象的原型鏈上的鍵。語法如下：

for (let key in object) {
  // 使用 key 來訪問 object[key]
}

例如：

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

for (let key in person) {
  console.log(person[key]); // 輸出："John", "30"
}

2. Object.keys() 方法

此方法返回一個包含對象所有鍵的數組，然后可以遍歷該數組。語法如下：

const keys = Object.keys(object);

for (let i = 0; i <p>例如：</p><pre class="brush:php;toolbar:false">const person = { name: 'John', age: 30 };

const keys = Object.keys(person);

for (let i = 0; i <p><strong>3. Object.values() 方法</strong></p><p>此方法返回一個包含對象所有值的數組，然后可以遍歷該數組。語法如下：</p><pre class="brush:php;toolbar:false">const values = Object.values(object);

for (let i = 0; i <p>例如：</p><pre class="brush:php;toolbar:false">const person = { name: 'John', age: 30 };

const values = Object.values(person);

for (let i = 0; i <p><strong>4. Object.entries() 方法</strong></p><p>此方法返回一個包含對象所有鍵值對的數組，每個鍵值對是一個數組形式的元組，然后可以遍歷該數組。語法如下：</p><pre class="brush:php;toolbar:false">const entries = Object.entries(object);

for (let i = 0; i <p>例如：</p><pre class="brush:php;toolbar:false">const person = { name: 'John', age: 30 };

const entries = Object.entries(person);

for (let i = 0; i <p><strong>選擇方法的建議：</strong></p>

如果需要同時訪問鍵和值，建議使用 Object.entries() 方法。
如果只需要訪問鍵，建議使用 for…in 循環或 Object.keys() 方法。
如果只需要訪問值，建議使用 Object.values() 方法。