您好,欢迎访问一九零五行业门户网

JavaScript 中的 forEach() 和 map() 方法有什么区别?

javascript 提供了多种循环数组和对象的方法。最常见的方法是 for 循环,它用于迭代数组或对象的元素。但是,还有其他方法可以循环遍历数组和对象,例如 foreach() 和 map() 方法。
foreach() 方法foreach( ) 方法用于循环遍历数组或对象的每个元素。 foreach() 方法采用回调函数作为参数。为数组或对象的每个元素调用回调函数。
foreach()方法与 for 循环类似,但它没有返回值。
示例下面是完整的工作代码和解释 -
<!doctype html><html><head> <title>examples</title></head><body> <div id="result"></div> <script> var arr = [1,2,3,4,5]; arr.foreach(function(element){ var item2 = document.createelement('div'); item2.innertext = element; document.getelementbyid("result").appendchild(item2); }); </script></body></html>
在上面的代码中,我们定义了一个名为“arr”的数组。 foreach() 方法在“arr”数组上调用。 foreach() 方法采用回调函数作为参数。为“arr”数组的每个元素调用回调函数。
map()方法ma​​p()方法用于循环遍历数组或对象的每个元素。 map() 方法采用回调函数作为参数。为数组或对象的每个元素调用回调函数。
ma​​p() 方法类似于 foreach() 方法,但是它返回一个新数组。
示例下面是完整的工作代码和解释 -
<!doctype html><html><head> <title>examples</title></head><body> <div id="result"></div> <script> var arr = [1,2,3,4,5]; arr.map(function(element){ var item2 = document.createelement('div'); item2.innertext = element; document.getelementbyid("result").appendchild(item2); }); </script></body></html>
在上面的代码中,我们定义了一个名为“arr”的数组。在“arr”数组上调用map()方法。 map() 方法采用回调函数作为参数。为“arr”数组的每个元素调用回调函数。回调函数的返回值存储在一个名为“newarr”的新数组中。
map() 与 foreach()map() 和 foreach() 的一些区别) 方法如下列出 -
map() 方法返回一个新数组,而 foreach() 方法不返回新数组。
map() 方法用于转换数组的元素,而 foreach() 方法用于循环数组的元素。
map() 方法可以与其他数组方法一起使用,例如 filter() 方法,而 foreach() 方法不能与其他数组方法一起使用。
结论综上所述,foreach() 和 map() 方法都用于循环数组和对象。 foreach() 方法不返回新数组,而 map() 方法返回新数组。 map() 方法用于转换数组的元素,而 foreach() 方法用于循环数组的元素。
以上就是javascript 中的 foreach() 和 map() 方法有什么区别?的详细内容。
其它类似信息

推荐信息