經(jīng)常遍歷JS對象鍵/值總是很痛苦态鳖。在網(wǎng)絡(luò)上看到一些簡單的遍歷方式記錄一次。
-
使用forEach 進(jìn)行遍歷對象
// 使用 Object.keys() 獲取對象的鍵，然后使用 forEach 來遍歷鍵數(shù)組幌衣。
const dataJs= {
name: '小明',
age: '18歲',
sex:'男';
};
Object.keys(dataJs).forEach(item=> {
console.log(item, dataJs[item]);
});
// 'name', '小明'
// 'age', '18歲'
// 'sex', '男'
-
使用for...of進(jìn)行遍歷對象
// Object.entries() 函數(shù)與 for...of 組合
const dataJs= {
name: '小明',
age: '18歲',
sex:'男';
};
for (const [item, value] of Object.entries(dataJs)) {
console.log(item, value);
}
// 'name', '小明'
// 'age', '18歲'
// 'sex', '男'
Object.entries(dataJs) 其實(shí)是返回一個數(shù)組：[[''name'，'小明']，['age'泪漂，'18歲']廊营，['sex'，'男']]萝勤。然后露筒，使用 for...of ，forEach 循環(huán)遍歷數(shù)組敌卓，并將每個元組解構(gòu)賦值慎式。
