js对象如何循环

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签对象

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>

文章推荐

js对象如何循环

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？