JavaScript 中遍历对象的四种方法：for…in 循环，遍历键（包括原型链上的键）。Object.keys() 方法，返回包含所有键的数组。Object.values() 方法，返回包含所有值的数组。Object.entries() 方法，返回包含键值对元组的数组。
如何在 JavaScript 中循环遍历对象
JavaScript 对象是一种无序的键值对集合，为了遍历对象中的键值对，有以下几种方法：
1. for…in 循环
此方法用于遍历对象的键，并且可以访问对象的原型链上的键。语法如下：
for (let key in object) { // 使用 key 来访问 object[key]}例如：
北极象沉浸式AI翻译
免费的北极象沉浸式AI翻译 – 带您走进沉浸式AI的双语对照体验
0 查看详情
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 < keys.length; i++) { // 使用 keys[i] 来访问 object[keys[i]]}例如：
const person = { name: 'John', age: 30 };const keys = Object.keys(person);for (let i = 0; i < keys.length; i++) { console.log(person[keys[i]]); // 输出："John", "30"}3. Object.values() 方法
此方法返回一个包含对象所有值的数组，然后可以遍历该数组。语法如下：
const values = Object.values(object);for (let i = 0; i < values.length; i++) { // 使用 values[i] 来访问对应键的值}例如：
const person = { name: 'John', age: 30 };const values = Object.values(person);for (let i = 0; i < values.length; i++) { console.log(values[i]); // 输出："John", "30"}4. Object.entries() 方法
此方法返回一个包含对象所有键值对的数组，每个键值对是一个数组形式的元组，然后可以遍历该数组。语法如下：
const entries = Object.entries(object);for (let i = 0; i < entries.length; i++) { // 使用 entries[i][0] 和 entries[i][1] 来分别访问键和值}例如：
const person = { name: 'John', age: 30 };const entries = Object.entries(person);for (let i = 0; i < entries.length; i++) { console.log(entries[i][0], entries[i][1]); // 输出："name John", "age 30"}选择方法的建议：
如果需要同时访问键和值，建议使用 Object.entries() 方法。如果只需要访问键，建议使用 for...in 循环或 Object.keys() 方法。如果只需要访问值，建议使用 Object.values() 方法。
以上就是js对象如何循环的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/475496.html
微信扫一扫 
支付宝扫一扫 
