遍历对象和数组的forEach函数

最新推荐文章于 2024-02-29 18:09:15 发布

weixin_33674976

最新推荐文章于 2024-02-29 18:09:15 发布

阅读量237

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mushitianya/p/10656938.html

本文介绍了一个实用的函数，该函数能够同时遍历数组和对象。通过判断传入参数的类型，函数采用不同的方式实现遍历：对于数组使用forEach方法，而对于对象则使用for...in循环。此外，还提供了具体的代码示例进行说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遍历数组使用forEach，而遍历对象使用for in，但是在实际开发中，可以使用一个函数就遍历两者，jquery 就有这样的函数

function forEach(obj, fn) {
    var key
    if (obj instanceof Array) {
        // 准确判断是不是数组
        obj.forEach(function (item, index) {
            fn(index, item)
        })
    } else {
        // 不是数组就是对象
        for (key in obj) {
            fn(key, obj[key])
        }
    }
}

var arr = [1,2,3]
// 注意，这里参数的顺序换了，为了和对象的遍历格式一致
forEach(arr, function (index, item) {
    console.log(index, item)
})

var obj = {x: 100, y: 200}
forEach(obj, function (key, value) {
    console.log(key, value)
})

转载于:https://www.cnblogs.com/mushitianya/p/10656938.html