javascript 中的 for in 循環(huán)是一種遍歷對象屬性的方法。在本文中,我們將通過舉例說明 for in 循環(huán)的用法。
首先我們來看一個簡單的例子。假設(shè)我們有一個對象 person,包含姓名和年齡。
let person = {
name: "John Doe",
age: 30
};
接下來,我們可以使用 for in 循環(huán)遍歷 person 對象的屬性。
for(let key in person) {
console.log(key + ":" + person[key]);
}
上述代碼的輸出結(jié)果將是:
name : John Doe
age : 30
我們也可以將這些屬性添加到一個數(shù)組中。
let keys = [];
for(let key in person) {
keys.push(key);
}
這個循環(huán)將創(chuàng)建一個包含 person 對象所有屬性的數(shù)組。
我們也可以使用 for in 循環(huán)來遍歷數(shù)組。例如:
let fruits = ["apple", "banana", "orange"];
for(let index in fruits) {
console.log(index + ":" + fruits[index]);
}
此代碼將輸出:
0 : apple
1 : banana
2 : orange
需要注意的是,for in 循環(huán)遍歷對象的屬性時,所有屬性都將被枚舉,包括它的原型鏈中的屬性。如果我們只想遍歷對象本身的屬性,我們可以使用 hasOwnProperty() 方法。例如:
let vehicle = {type:"car", make:"Toyota", model:"Camry"};
for(let prop in vehicle) {
if(vehicle.hasOwnProperty(prop)) {
console.log(prop + ":" + vehicle[prop]);
}
}
這樣只會輸出 vehicle 對象的屬性:
type : car
make : Toyota
model : Camry
總結(jié)下來,for in 循環(huán)遍歷對象屬性的方法可以讓我們遍歷對象的所有屬性而無需訪問這些屬性的名稱。