英文 | https://javascript.plainenglish.io/javascript-basics-4-different-ways-to-iterate-over-an-object-a5d16335cef
在今天这篇文章里,我将介绍了一些迭代对象并获取键值对的方法。这些技巧可以被视为小石头,最终将帮助您渡过 JavaScript 面试的一些小河流。我知道每个独立的小石头可能没有多大用处,但如果我们得到一千颗或者一万颗这样的小石头,他们就会有用,甚至非常有用。我们如何在 JavaScript 中迭代对象并获得键值对?在今天的内容,我将介绍4种不同的方法,可用于在 JavaScript 中迭代任何对象。此方法从对象的值返回一个数组。它的工作顺序与对象的值相同。const obj1 = {
test1: 'atit',
test2: 53,
test3: false,
};
console.log(Object.values(obj1));
const obj1 = {
test1: 'atit',
test2: 53,
test3: false,
};
console.log(Object.keys(obj1));
此方法返回对象的 [key, value] 对的数组。const obj1 = {
test1: 'atit',
test2: 53,
test3: false,
};
for (let [key, value] of Object.entries(obj1)) {
console.log(key, value);
}
我们还可以使用 hasOwnProperty 来检查对象中是否存在键。for (let key in obj1) {
if (obj1.hasOwnProperty(key)) {
console.log(key, obj1[key]);
}
}
const test = new Map([
['atit', '51'],
['patel', 52]
]);
const obj1 = Object.fromEntries(test);
console.log(obj1);
web前端开发 一个专业而懂你的前端学习平台,分享你需要的编程开发与职场技能知识,我们坚持,每天学习一点点,每天进步一点点,人生进步一大步!关注我们,与我们一起学习进步,通过学习遇见更好的自己。
117篇原创内容
公众号