const arrays = [1,2,3,4,5];
arrays.forEach(function(item, index){
console.log(item); // 輸出每個數(shù)組元素
console.log(index); // 輸出每個數(shù)組元素的下標(biāo)
});- 遍歷數(shù)組中的所有元素。
- 過濾數(shù)組中的不必要的元素。
- 處理數(shù)組中的元素，并返回它們的結(jié)果數(shù)組。
- 處理由API返回的JSON數(shù)據(jù)時。
1. 遍歷數(shù)組中的所有元素
const arrays = [1,2,3,4,5];
arrays.forEach(function(item, index){
console.log(item);//每個數(shù)組元素
});這段代碼用forEach()函數(shù)遍歷了數(shù)組中的所有元素。在這個循環(huán)中，item表示當(dāng)前元素的值，index表示元素的索引位置。
2. 過濾數(shù)組中的不必要的元素
const grades = [90, 98, 76, 57, 82, 95, 34];
const passingGrades = [];
grades.forEach(function(item){
if(item >= 60){
passingGrades.push(item);
}
});這個實(shí)例中，grades數(shù)組中的分?jǐn)?shù)被循環(huán)遍歷，只有高于60分的分?jǐn)?shù)才會存儲到passingGrades數(shù)組中。
3. 處理數(shù)組中的元素，并返回它們的結(jié)果數(shù)組
const city = ["beijing", "shanghai", "tianjing", "chongqing",
"changsha", "xian", "shenzhen"];
const upperCaseCity = city.map(function(item){
return item.toUpperCase();
});
console.log(upperCaseCity);//輸出 ["BEIJING", "SHANGHAI", "TIANJING", "CHONGQING", "CHANGSHA", "XIAN", "SHENZHEN"]這個實(shí)例中，我們定義一個city數(shù)組并使用map()方法來使所有元素都轉(zhuǎn)換成大寫字母。
4. 處理由API返回的JSON數(shù)據(jù)時
const url = 'https://jsonplaceholder.typicode.com/users';
fetch(url)
.then(response =>response.json())
.then(json =>{
const data = [];
json.forEach(function(item) {
data.push(item.name);
});
console.log(data);
});這里，我們發(fā)起一個請求來獲取一個JSON文件。通過forEach()函數(shù)，我們從JSON文件中提取數(shù)據(jù)，并將數(shù)據(jù)推送到data數(shù)組中。