如何在 JavaScript 中迭代(键、值)
How to iterate (keys, values) in JavaScript?
我有一个字典,格式为
dictionary = {0: {object}, 1:{object}, 2:{object}}
我如何通过执行类似操作来遍历此字典
for ((key, value) in dictionary) {
//Do stuff where key would be 0 and value would be the object
}
tl;dr
- 在 ECMAScript 2017 中,只需调用
Object.entries(yourObj)
即可。 - 在 ECMAScript 2015 中,可以使用
Map
s。 - 在 ECMAScript 5 中,这是不可能的。
ECMAScript 2017
ECMAScript 2017 引入了一个新的Object.entries
函数。您可以使用它根据需要迭代对象。
'use strict';
const object = {'a': 1, 'b': 2, 'c' : 3};
for (const [key, value] of Object.entries(object)) {
console.log(key, value);
}
输出
a 1
b 2
c 3
<小时 />ECMAScript 2015
在 ECMAScript 2015 中,没有Object.entries
,但你可以改用Map
对象并使用 Map.prototype.entries
迭代它们。引用该页面中的示例,
var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
var mapIter = myMap.entries();
console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]
或者用for..of
迭代,像这样
'use strict';
var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");
for (const entry of myMap.entries()) {
console.log(entry);
}
输出
[ '0', 'foo' ]
[ 1, 'bar' ]
[ {}, 'baz' ]
或
for (const [key, value] of myMap.entries()) {
console.log(key, value);
}
输出
0 foo
1 bar
{} baz
<小时 />ECMAScript 5:
不,对象是不可能的。
你应该像这样迭代for..in
或Object.keys
for (var key in dictionary) {
// check if the property/key is defined in the object itself, not in parent
if (dictionary.hasOwnProperty(key)) {
console.log(key, dictionary[key]);
}
}
注意:仅当您要迭代dictionary
对象自己的属性时,才需要上述if
条件。因为for..in
将循环访问所有继承的可枚举属性。
或
Object.keys(dictionary).forEach(function(key) {
console.log(key, dictionary[key]);
});
试试这个:
dict = {0:{1:'a'}, 1:{2:'b'}, 2:{3:'c'}}
for (var key in dict){
console.log( key, dict[key] );
}
0 Object { 1="a"}
1 Object { 2="b"}
2 Object { 3="c"}
欢迎来到 2020 *ES6* 中的流口水
这里有一些非常古老的答案 - 利用解构。在我看来,毫无疑问,这是迭代对象的最好(非常可读)的方式。
const myObject = {
nick: 'cage',
phil: 'murray',
};
Object.entries(myObject).forEach(([k,v]) => {
console.log("The key: ", k)
console.log("The value: ", v)
})
编辑:
正如Lazerbeak所提到的,map
允许您循环对象并使用键和值来创建数组。
const myObject = {
nick: 'cage',
phil: 'murray',
};
const myArray = Object.entries(myObject).map(([k, v]) => {
return `The key '${k}' has a value of '${v}'`;
});
console.log(myArray);
编辑 2:
要解释代码行中发生的情况,请执行以下操作:
Object.entries(myObject).forEach(([k,v]) => {}
Object.entries()
将我们的对象转换为数组数组:
[["nick", "cage"], ["phil", "murray"]]
然后我们在外部数组上使用 forEach:
1st loop: ["nick", "cage"]
2nd loop: ["phil", "murray"]
然后我们用([k,v])
"解构"值(我们知道它将永远是一个数组),因此k
成为名字,v
成为姓氏。
Object.entries()
方法已在 ES2017 中指定(并且在所有现代浏览器中都受支持):
for (const [ key, value ] of Object.entries(dictionary)) {
// do something with `key` and `value`
}
解释:
Object.entries()
获取像{ a: 1, b: 2, c: 3 }
这样的对象并将其转换为键值对数组:[ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]
。有了
for ... of
我们可以遍历如此创建的数组的条目。由于我们保证每个如此迭代的数组项本身都是一个双条目数组,因此我们可以使用解构将变量直接分配给其第一个和第二个项
key
和value
变量。
试试这个:
var value;
for (var key in dictionary) {
value = dictionary[key];
// your code here...
}
你可以做这样的事情:
dictionary = {'ab': {object}, 'cd':{object}, 'ef':{object}}
var keys = Object.keys(dictionary);
for(var i = 0; i < keys.length;i++){
//keys[i] for key
//dictionary[keys[i]] for the value
}
我认为快速简便的方法是
Object.entries(event).forEach(k => {
console.log("properties ... ", k[0], k[1]); });
只需检查文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
使用 swagger-ui.js
你可以这样做——
_.forEach({ 'a': 1, 'b': 2 }, function(n, key) {
console.log(n, key);
});
以下脚本。
var obj={1:"a",2:"b",c:"3"};
for (var x=Object.keys(obj),i=0;i<x.length,key=x[i],value=obj[key];i++){
console.log(key,value);
}
输出
1 安培
2 字节
c 3
作为对已接受答案的改进,为了减少嵌套,您可以改为这样做,前提是密钥不是继承的:
for (var key in dictionary) {
if (!dictionary.hasOwnProperty(key)) {
continue;
}
console.log(key, dictionary[key]);
}
编辑:有关Object.hasOwnProperty
的信息在这里
JavaScript forEach
Loop:
myMap.forEach((value, key) => {
console.log('value: ', value);
console.log('key: ', key);
});
- 迭代JavaScript对象
- 迭代 javascript 对象无法通过 jQuery 工作
- 在 HTML 模板中迭代 JavaScript 哈希
- 迭代 JavaScript 数组与列表中的标记
- 迭代 JavaScript 集合并添加排序顺序
- 反向对象迭代(javascript)
- 迭代javascript哈希数组的最佳方式
- text在迭代JavaScript XML中返回不需要的空文本值的内容
- 使用"in"有什么区别?和“=”;操作符,同时迭代javascript循环
- 迭代Javascript对象和计数
- 迭代javascript对象,以便将关键变量用作调用对象的方法
- 如何迭代javascript数组并调用更新相同数组的函数?
- 使用for循环迭代javascript中的特定数组
- 为一个数组创建3个对象,然后使用迭代javascript显示数组
- 迭代javascript对象并动态添加对象属性(JS对象中的键值对)
- 迭代javascript HashTable而不造成优化损失
- 迭代JavaScript对象以绑定键
- 迭代javascript object和valueOf toString方法
- 当我在jQuery应用程序中迭代javascript字典的键时,我得到的是数字而不是值
- 迭代Javascript对象属性的顺序