如何循环或枚举JavaScript对象？

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

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

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

当前回答

这是如何循环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

其他回答

在ES6中，我们有众所周知的符号来公开一些以前的内部方法，您可以使用它来定义迭代器如何为这个对象工作：

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3",
    *[Symbol.iterator]() {
        yield *Object.keys(this);
    }
};

[...p] //["p1", "p2", "p3"]

这将给出与用于…相同的结果。。。在es6循环中。

for(var key in p) {
    console.log(key);
}

但了解您现在使用es6的能力很重要！

2016-09-20 09:04:34

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（p中的var键）{if（p.hasOwnProperty（键））{console.log（key+“=”+p[key]）；}}输出： p1=值1 p2=值2 p3=值3

2012-02-21 11:22:41

您可以向所有对象添加一个简单的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

在Object.keys（）上使用for

喜欢：

let对象={“key1”：“value1”，“key2”：“value2”，“key3”：“value3”};for（let key of Object.keys（对象））{console.log（key+“：”+对象[key]）}

2019-10-30 21:05:02

如果有人需要使用条件循环遍历arrayObjects：

var arrayObjects=〔｛“building”：“A”，“status”：“good”｝，｛“building”：“B”，“status”：“恐怖”｝〕；for（var i=0；i<arrayObjects.length；i++）{console.log（arrayObjects[i]）；for（arrayObjects[i]中的键）｛if（key==“status”&&arrayObjects[i][key]==“good”）{console.log（key+“->”+arrayObjects[i][key]）；}其他{console.log（“未找到任何内容”）；}}}

2016-07-22 03:48:23

如何循环或枚举JavaScript对象？

推荐文章

最新文章

标签