Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 遍历对象

作者:金钱打造势力狗。   发布日期:2026-07-28   浏览:34

// 示例代码:遍历对象的几种常见方法

// 1. 使用 for...in 循环遍历对象的可枚举属性
const obj = { a: 1, b: 2, c: 3 };

for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(key, obj[key]);
    }
}
// 输出:
// a 1
// b 2
// c 3

// 2. 使用 Object.keys() 遍历对象的键
Object.keys(obj).forEach(key => {
    console.log(key, obj[key]);
});
// 输出:
// a 1
// b 2
// c 3

// 3. 使用 Object.values() 遍历对象的值
Object.values(obj).forEach(value => {
    console.log(value);
});
// 输出:
// 1
// 2
// 3

// 4. 使用 Object.entries() 遍历对象的键值对
Object.entries(obj).forEach(([key, value]) => {
    console.log(key, value);
});
// 输出:
// a 1
// b 2
// c 3

解释说明:

  1. for...in 循环:可以遍历对象的所有可枚举属性,包括继承的属性。为了确保只遍历对象自身的属性,通常会使用 hasOwnProperty() 方法进行过滤。
  2. Object.keys():返回一个包含对象所有可枚举属性键的数组,可以通过 forEach 或其他数组方法来遍历这些键。
  3. Object.values():返回一个包含对象所有可枚举属性值的数组,可以直接遍历这些值。
  4. Object.entries():返回一个包含对象所有可枚举属性键值对的二维数组,适合同时遍历键和值。

上一篇:js 获取对象

下一篇:js 对象遍历

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站