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() 方法。