单行和更可读的代码可以。。

Object.entries(myObject).map(([key, value]) => console.log(key, value))

表演

今天2020.03.06我在MacOs High Sierra v10.13.6上对Chrome v80.0、Safari v13.0.5和Firefox 73.0.1上选择的解决方案进行了测试

结论

基于（A，B）中for的解决方案对于大小对象的所有浏览器都是快速的（或最快的）令人惊讶的是，对于小型和大型物体，of（H）解决方案在铬上的速度很快基于显式索引i（J，K）的解决方案在所有浏览器上对于小对象都非常快（对于firefox，对于大对象也很快，但在其他浏览器上则很快）基于迭代器（D，E）的解决方案是最慢的，不推荐解决方案C对于大对象是慢的，对于小对象是中等慢的

细节

进行了性能测试

小对象-有3个字段-您可以在这里对机器进行测试“大”对象-有1000个字段-您可以在这里的机器上执行测试

以下片段介绍了使用过的解决方案

函数A（obj，s=“”）{for（let key in obj）if（obj.hasOwnProperty（key））s+=key+'->'+obj[key]+''；返回s；}函数B（obj，s=“”）{for（let key in obj）s+=key+“->”+obj[key]+“”；返回s；}函数C（obj，s=“”）{const map=新映射（Object.entries（obj））；for（let[key，value]of map）s+=key+'->'+value+''；返回s；}函数D（obj，s=“”）{设o＝{…对象，*[符号迭代器]（）{for（Object.keys（this）的常量i）yield[i，this[i]]；}}for（设o的[key，value]）s+=key+'->'+value+''；返回s；}函数E（obj，s=“”）{设o＝{…对象，*[Symbol.iiterator]（）｛yield*Object.keys（this）｝}for（let key of o）s+=key+'->'+o[key]+''；返回s；}函数F（obj，s=“”）{for（let key of Object.keys（obj））s+=键+“->”+obj[key]+“”；返回s；}函数G（obj，s=“”）{for（let[key，value]of Object.entries（obj））s+=键+“->”+值+“”；返回s；}函数H（obj，s=“”）{for（let key of Object.getOwnPropertyNames（obj））s+=key+'->'+obj[key]+''；返回s；}函数I（obj，s=“”）{for（Reflect.ownKeys（obj）的常量键）s+=key+'->'+obj[key]+''；返回s；}函数J（obj，s=“”）{let keys=Object.keys（obj）；for（设i=0；i<keys.length；i++）{let key=键[i]；s+=键+“->”+obj[key]+“”；}返回s；}函数K（obj，s=“”）{var keys=对象密钥（obj），len=密钥长度，i=0；而（i<len）{let key=键[i]；s+=键+“->”+obj[key]+“”；i+＝1；}返回s；}函数L（obj，s=“”）{Object.keys（obj）.forEach（key=>s+=key+'->'+obj[key]+''）；返回s；}函数M（obj，s=“”）{Object.entries（obj）.forEach（（[key，value]）=>s+=key+'->'+value+''）；返回s；}函数N（obj，s=“”）{Object.getOwnPropertyNames（obj）.forEach（key=>s+=key+'->'+obj[key]+''）；返回s；}函数O（obj，s=“”）{Reflect.ownKeys（obj）.forEach（key=>s+=key+'->'+obj[key]+''）；返回s；}//测试变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};let log=（name，f）=>console.log（`${name}${f（p）}`）日志（'A'，A）；日志（'B'，B）；日志（'C'，C）；日志（'D'，D）；对数（'E'，E）；日志（'F'，F）；日志（'G'，G）；对数（'H'，H）；日志（'I'，I）；日志（'J'，J）；log（'K'，K）；对数（'L'，L）；日志（M’，M）；对数（'N'，N）；日志（'O'，O）；此代码段仅显示选定的解决方案

下面是铬上小物体的结果

通过带有forEach（）的原型，它应该跳过原型链财产：

Object.prototype.each = function(f) {
    var obj = this
    Object.keys(obj).forEach( function(key) { 
        f( key , obj[key] ) 
    });
}


//print all keys and values
var obj = {a:1,b:2,c:3}
obj.each(function(key,value) { console.log(key + " " + value) });
// a 1
// b 2
// c 3

由于es2015越来越流行，我发布了这个答案，其中包括使用生成器和迭代器平滑地遍历[key，value]对。这在其他语言中是可能的，例如Ruby。

好的，这里有一个代码：

常量MyObject={“a”：“您好”，'b'：'它'，“c”：“我”，“d”：“你”，“e”：“正在查找”，“f”：“for”，[Symbol.iiterat]：函数*（）{for（Object.keys（this）的常量i）{产量[i，this[i]；}}};for（MyObject的常量[k，v]）{console.log（`这里是键${k}，这里是值${v}`）；}

关于如何使用迭代器和生成器的所有信息，您可以在开发者Mozilla页面上找到。

希望它帮助了某人。

编辑：

ES2017将包含Object.entries，这将使对象中的[key，value]对的迭代更加容易。现在已知，根据ts39阶段信息，它将成为标准的一部分。

我认为是时候更新我的答案了，让它变得比现在更新鲜。

常量MyObject={“a”：“您好”，'b'：'它'，“c”：“我”，“d”：“你”，“e”：“正在查找”，“f”：“for”，};for（Object.entries（MyObject）的常量[k，v]）{console.log（`这里是键${k}，这里是值${v}`）；}

您可以在上找到有关用法的更多信息MDN页面

有趣的是，这些答案中的人都提到了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:'!'}))

or

for (let pair of getObjIterator(ordinaryObject))

这没有理由不起作用。

欢迎来到未来。

Object.entries（）函数：

变量p={“p1”：“值1”，“p2”：“值2”，“p3”：“值3”};for（Object.entries（p）中的var i）{var key=对象条目（p）[i][0]；var value=对象条目（p）[i][1]；console.log（'key['+i+']='+key+'+'value['+i+']='+value）；}