Javascript遍历对象

Question

var a = {
    element:'input',
    parent:'div1',
    name:'inp',
    type:'text',
    value:'aa'
}

我想使用for in循环从名称属性开始遍历此对象，但是我无法使用for in循环来执行此操作，是否有任何方法可以通过name属性开始遍历对象

Answer 1

for(var prop in a) {
  console.log(a[prop]);
}

Answer 2

旧方法：

for (var key in a) {
    if (a.hasOwnProperty(key)) {
        // todo something with a[key]
    }
}

ES6方式：

Object.keys(a).forEach(function(key) {
    // todo something with a[key]
});

Answer 3

您可以执行以下操作：

var keys = Object.keys(a);
var length = keys.length;
var startAt = keys.indexOf("name");
for(var i = 0; i < length ; i++) {
    var prop = keys[(i+startAt)%length];
    console.log(prop, a[prop]);
}

要么：

var keys = Object.keys(a).sort(function(a,b){ return a !== "name" });
for(var i = 0; i < keys.length; i++) {
    var prop = keys[i];
    console.log(prop, a[prop]);
}

要么：

var keys = Object.keys(a);
var idx = keys.indexOf("name");
if(idx > 0) {
    var tmp = keys[0];
    keys[0] = keys[idx];
    keys[idx] = tmp;
}
for(var i = 0; i < keys.length; i++) {
    var prop = keys[i];
    console.log(prop, a[prop]);
}

但是请记住，即使大多数浏览器按添加对象的顺序保留对象属性，对象也是无序列表。

Answer 4

我相信您可以按照以下步骤进行操作：

function loopFromIndex(input, index) {
    var started = false;
    for (var property in input) {
        started = started || (index === property);
        if (started) {
            //process iteration
        }
    }
}

您仍在循环整个属性集，但是当遇到给定index ，将开始实际循环。