javascript forEach
时间: 2023-10-20 18:32:32 浏览: 89
forEach()是JavaScript中的一个方法,用于遍历数组中的每个元素,并将每个元素传递给回调函数进行处理。它有三个参数:第一个参数是一个函数,用于处理每次遍历的元素;第二个参数是可选的,用于指定回调函数中的this指向的对象;第三个参数也是可选的,表示原数组。
下面是一些使用forEach()的示例:
1. 使用第一个参数函数处理数组的每个元素:
var arr = [1, 3, 5];
arr.forEach(function(item){
console.log(item);
}); // 输出:1 3 5
2. 使用第一个参数函数处理数组的每个元素和对应的索引:
var arr = [1, 3, 5];
arr.forEach(function(item, index){
console.log(index);
}); // 输出:0 1 2
3. 使用第一个参数函数处理数组的每个元素,同时访问原数组:
var arr = [1, 3, 5];
arr.forEach(function(item, index, self){
console.log(self);
}); // 输出:[1, 3, 5] [1, 3, 5] [1, 3, 5]
4. 使用第二个参数对象使回调函数中的this指向指定对象:
var obj = { '1' : 'abc', '3' : 100, '5' : 'hello' }
var arr = [1, 3, 5];
arr.forEach(function(item, index, self){
console.log(this);
}, obj); // 输出:{'1' : 'abc','3' : 100, '5' : 'hello'} {'1' : 'abc','3' : 100, '5' : 'hello'} {'1' : 'abc','3' : 100, '5' : 'hello'}
需要注意的是,如果原对象已经实现了forEach()方法,则会调用原对象的函数进行遍历处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JavaScript 中的forEach()方法](https://blog.csdn.net/HHyuang/article/details/115308427)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [javascript forEach函数实现代码](https://download.csdn.net/download/weixin_38599430/13070969)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文