如何循环或枚举JavaScript对象？

我有一个JavaScript对象，如下所示：

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

我如何循环遍历p的所有元素（p1、p2、p3…）并获取它们的键和值？

当前回答

你可以使用我的库monadic对象来实现这一点。它的设计目的是简化对象修改并使其行为类似于数组：

p.forEach((key, value) => console.log(key, value))

安装：npm i一元对象

该库还包括以下方法：

地图滤器每一个一些

有关更多信息，请参阅README！

2022-07-01 14:54:24

其他回答

有趣的是，这些答案中的人都提到了Object.keys（）和for。。。但从未组合：

var map = {well:'hello', there:'!'};
for (let key of Object.keys(map))
    console.log(key + ':' + map[key]);

你不能只是为了。。。因为它不是迭代器，并且。。。index或.forEach（）调用Object.keys（）是丑陋/低效的。我很高兴大多数人都没有。。。in（有或没有检查.hasOwnProperty（）），因为这也有点混乱，所以除了我上面的答案之外，我想说。。。

您可以使普通对象关联迭代！行为就像地图一样，直接使用了。。。属于DEMO在Chrome和FF中工作（我假设只有ES6）

var ordinaryObject = {well:'hello', there:'!'};
for (let pair of ordinaryObject)
    //key:value
    console.log(pair[0] + ':' + pair[1]);

//or
for (let [key, value] of ordinaryObject)
    console.log(key + ':' + value);

只要你在下面加上我的垫片：

//makes all objects iterable just like Maps!!! YAY
//iterates over Object.keys() (which already ignores prototype chain for us)
Object.prototype[Symbol.iterator] = function() {
    var keys = Object.keys(this)[Symbol.iterator]();
    var obj = this;
    var output;
    return {next:function() {
        if (!(output = keys.next()).done)
            output.value = [output.value, obj[output.value]];
        return output;
    }};
};

无需创建一个真正的Map对象，该对象不具备良好的语法功能。

var trueMap = new Map([['well', 'hello'], ['there', '!']]);
for (let pair of trueMap)
    console.log(pair[0] + ':' + pair[1]);

事实上，有了这个填充程序，如果您仍然想利用Map的其他功能（不填充它们），但仍然想使用整洁的对象表示法，因为对象现在是可迭代的，那么您现在只需从中创建一个Map即可！

//shown in demo
var realMap = new Map({well:'hello', there:'!'});

对于那些不喜欢填充，或者不喜欢处理原型的人，可以在窗口上创建函数，然后调用类似于getObjIterator（）的函数；

//no prototype manipulation
function getObjIterator(obj) {
    //create a dummy object instead of adding functionality to all objects
    var iterator = new Object();

    //give it what the shim does but as its own local property
    iterator[Symbol.iterator] = function() {
        var keys = Object.keys(obj)[Symbol.iterator]();
        var output;

        return {next:function() {
            if (!(output = keys.next()).done)
                output.value = [output.value, obj[output.value]];
            return output;
        }};
    };

    return iterator;
}

现在，您可以将其作为普通函数调用，其他任何内容都不受影响

var realMap = new Map(getObjIterator({well:'hello', there:'!'}))

for (let pair of getObjIterator(ordinaryObject))

这没有理由不起作用。

欢迎来到未来。

2016-06-28 09:42:22

这是如何循环javascript对象并将数据放入表中的。<body><脚本>函数createTable（objectArray，fields，fieldTitles）{let body=document.getElementsByTagName（'body'）[0]；let tbl=document.createElement（'table'）；let thead=document.createElement（'head'）；let thr=document.createElement（'tr'）；for（objectArray[0]中的p）{let th=document.createElement（'th'）；th.appendChild（document.createTextNode（p））；thr.appendChild（th）；}thead.appendChild（thr）；tbl.appendChild（thead）；let tbdy=document.createElement（'tbody'）；let tr=document.createElement（'tr'）；objectArray.forEach（（对象）=>{设n＝0；let tr=document.createElement（'tr'）；for（objectArray[0]中的p）{var td=document.createElement（'td'）；td.appendChild（document.createTextNode（object[p]））；tr.appendChild（td）；n++；};tbdy.appendChild（tr）；});tbl.appendChild（tbdy）；body.appendChild（待定）返回tbl；}创建表格([｛name:“香蕉”，价格：“3.04”｝，//k[0]｛name:“Orange”，价格：“2.56”｝，//k[1]｛name:“苹果”，价格：“1.45”｝])</script>

2019-02-07 05:28:47

只有JavaScript代码没有依赖项：

var p = {"p1": "value1", "p2": "value2", "p3": "value3"};
keys = Object.keys(p);   // ["p1", "p2", "p3"]

for(i = 0; i < keys.length; i++){
  console.log(keys[i] + "=" + p[keys[i]]);   // p1=value1, p2=value2, p3=value3
}

2015-04-21 12:02:33

var p=[｛“用户名”：“ordermanageadmin”，“user_id”：“2”，“resource_id”“Magento_Sales:：actions”}，｛“用户名”：“ordermanageadmin_1”，“user_id”：“3”，“resource_id”“Magento_Sales:：actions”｝]for（p中的var值）{for（值中的var键）{if（p.hasOwnProperty（键））{console.log（键+“->”+p[key]）；}}}

2018-06-26 14:34:43

您可以向所有对象添加一个简单的forEach函数，这样就可以自动循环任何对象：

Object.defineProperty(Object.prototype, 'forEach', {
    value: function (func) {
        for (var key in this) {
            if (!this.hasOwnProperty(key)) {
                // skip loop if the property is from prototype
                continue;
            }
            var value = this[key];
            func(key, value);
        }
    },
    enumerable: false
});

对于那些不喜欢“For…in”方法的人：

Object.defineProperty(Object.prototype, 'forEach', {
    value: function (func) {
        var arr = Object.keys(this);
        for (var i = 0; i < arr.length; i++) {
            var key = arr[i];
            func(key, this[key]);
        }
    },
    enumerable: false
});

现在，您可以简单地调用：

p.forEach (function(key, value){
    console.log ("Key: " + key);
    console.log ("Value: " + value);
});

如果您不想与其他forEach方法发生冲突，可以使用您的唯一名称命名它。

2016-11-22 20:46:31

如何循环或枚举JavaScript对象？

推荐文章

最新文章

标签