我在JavaScript中有一个对象:
{
abc: '...',
bca: '...',
zzz: '...',
xxx: '...',
ccc: '...',
// ...
}
我想用一个for循环来获取它的属性。我想要迭代它的部分(不是所有的对象属性一次)。
对于一个简单的数组,我可以用一个标准的for循环来做:
for (i = 0; i < 100; i++) { ... } // first part
for (i = 100; i < 300; i++) { ... } // second
for (i = 300; i < arr.length; i++) { ... } // last
但是如何对对象进行处理呢?
如果你想一次迭代整个对象,你可以使用for in循环:
for (var i in obj) {
...
}
但如果你想把物体分成几部分实际上你做不到。不能保证对象中的属性按任何指定的顺序排列。因此,我可以想到两种解决方案。
首先是“删除”已经读取的属性:
var i = 0;
for (var key in obj) {
console.log(obj[key]);
delete obj[key];
if ( ++i > 300) break;
}
我能想到的另一个解决方案是使用数组的数组而不是对象:
var obj = [['key1', 'value1'], ['key2', 'value2']];
然后,标准for循环将工作。
实际上,PITA不是标准Javascript的一部分。
/**
* Iterates the keys and values of an object. Object.keys is used to extract the keys.
* @param object The object to iterate
* @param fn (value,key)=>{}
*/
function objectForEach(object, fn) {
Object.keys(object).forEach(key => {
fn(object[key],key, object)
})
}
注意:我将回调参数切换为(value,key),并添加了第三个对象以使API与其他API保持一致。
像这样使用它
const o = {a:1, b:true};
objectForEach(o, (value, key, obj)=>{
// do something
});
是的。可以使用for loop循环遍历对象。这里有一个例子
var myObj =
abc:’ABC’,
gac:’BCA’,
zzz:’ZZZ’,
xxx:’XXX’,
ccc:’CCC’,
)
var k =目标。群岛(myObj);
for (var i = 0;i < k.length;i + +) (
控制台日志(k[i] +:“+ myObj[k[i]];
)
注意:上面提到的例子只适用于IE9+。看到Objec。键浏览器支持在这里。