在 JavaScript 中,你可以使用以下幾種方法來遍歷物件:
for...in回圈:for...in回圈用于遍歷物件的屬性,例如:
const obj = {a: 1, b: 2, c: 3}
for (const key in obj) {
console.log(key, obj[key])
}
for...in 回圈遍歷原型鏈中的屬性,這意味著每當我們使用 for...in 回圈遍歷一個物件時,我們都需要使用 hasOwnProperty 檢查該屬性是否屬于該物件:
const obj = {a: 1, b: 2, c: 3}
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(`${key}: ${obj[key]}`);
}
}
Object.keys()方法:Object.keys()方法回傳一個包含物件所有可列舉屬性名稱的陣列,例如:
const obj = {a: 1, b: 2, c: 3}
const keys = Object.keys(obj)
for (const key of keys) {
console.log(key, obj[key])
}
Object.entries()方法:Object.entries()方法回傳一個包含物件所有可列舉屬性鍵值對的陣列,例如:
const obj = {a: 1, b: 2, c: 3}
const entries = Object.entries(obj)
for (const [key, value] of entries) {
console.log(key, value)
}
Object.getOwnPropertyNames()方法:Object.getOwnPropertyNames()方法回傳一個包含物件所有屬性名稱的陣列(包括不可列舉屬性),例如:
const obj = {a: 1, b: 2, c: 3}
const keys = Object.getOwnPropertyNames(obj)
for (const key of keys) {
console.log(key, obj[key])
}
通過這些方法,你就可以在 JavaScript 中正確地遍歷物件的屬性了,
作者:yuzhihui
出處:http://www.cnblogs.com/yuzhihui/ 宣告:歡迎任何形式的轉載,但請務必注明出處!!!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/541617.html
標籤:其他
