原生JS中forEach()与map()有何不同，如何兼容使用并配合jQuery？

本文共计1151个文字，预计阅读时间需要5分钟。

原文示例讲解原生JS中的forEach()和map()遍历的区别、兼容性写法及jQuery中的$each()、$.map()遍历操作。分享给家长参考，如下：

一、原生JS forEach()和map()遍历共同点：都是循环遍历数组。

1. forEach()- 语法：array.forEach(function(currentValue, index, arr), thisValue)- 遍历数组时，对每个元素执行一次提供的函数。

2. map()- 语法：array.map(function(currentValue, index, arr), thisValue)- 遍历数组时，对每个元素执行一次提供的函数，并返回一个新数组，包含每次函数调用的结果。

二、jQuery $each()和$.map()遍历

1.$each()

- 语法：$.each(object, function(index, element))- 遍历对象或数组中的每个元素，对每个元素执行一次提供的函数。

2. $.map()- 语法：$.map(array, function(element, index, array))- 遍历数组中的每个元素，对每个元素执行一次提供的函数，并返回一个新数组，包含每次函数调用的结果。

三、总结- 原生JS的forEach()和map()都是循环遍历数组，但map()会返回一个新数组。- jQuery的$each()和$.map()都是遍历对象或数组，但$.map()会返回一个新数组。

本文实例讲述了原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作。