javascript 中遍歷對象的四種方法:for…in 循環,遍歷鍵(包括原型鏈上的鍵)。object.keys() 方法,返回包含所有鍵的數組。object.values() 方法,返回包含所有值的數組。object.entries() 方法,返回包含鍵值對元組的數組。
如何在 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() 方法。