JS中的forEach、$.each、map方法

阳光穿透心脏的1/2处 2022-05-21 01:21 166阅读 0赞

**1.forEach()**

forEach是ES5中操作数组的一种方法，主要功能是遍历数组。forEach方法中的function回调有三个参数：第一个参数是遍历的数组内容，第二个参数是对应的数组索引，第三个参数是数组本身

因此：

[].forEach(function(value,index,array){ 
    　　　　//code something
    　　});

**2.$.each()**

等价于jquery中$.each()：

$.each([],function(index,value,array){ 
    　　　　//code something
    　　})

注意，forEach()与$.each()的第1个和第2个参数正好是相反的！！！

**3.map()**

map：map即是 “映射”的意思 用法与 forEach 相似，用法即：

[].map(function(value,index,array){ 
    　　//code
    })

map方法的作用如上所说即映射”，原数组被“映射”成对应新数组。下面这个例子是数值项求平方

var data=[1,3,4]
    
    var Squares=data.map(function(val,index,arr){
      console.log(arr[index]==val);  // ==> true
      return val*val           
    })
    console.log(Squares);        // ==> [1, 9, 16]

注意：由于forEach、map都是ECMA5新增数组的方法，所以ie9以下的浏览器还不支持

**4.区别：**

map的回调函数中支持return返回值；return的是啥，相当于把数组中的这一项变为啥（并不影响原来的数组，只是相当于把原数组克隆一份，把克隆的这一份的数组中的对应项改变了）；

forEach:用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组也没有影响；

文章转载自： [https://blog.csdn.net/haoaiqian/article/details/64158170][https_blog.csdn.net_haoaiqian_article_details_64158170]

[https_blog.csdn.net_haoaiqian_article_details_64158170]: https://blog.csdn.net/haoaiqian/article/details/64158170

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中常用的字符串方法

js字符串常用方法 1 charAt/charCodeAt charAt根据索引获取指定位置的字符 charCodeAt不仅仅获取字符，它获

清疚/ 2022年11月16日 05:50/ 0 赞/ 181 阅读

相关 JS中的toString()方法

你是否遇到这样的疑惑？代码： <!DOCTYPE html> <html lang="zh"> <head> <meta charse

墨蓝/ 2022年10月29日 09:18/ 0 赞/ 142 阅读

相关 js调用方法中的方法

<!DOCTYPE html> <html> <head> <title>函数调用</title> <meta ch

港控/mmm°/ 2022年09月25日 01:16/ 0 赞/ 187 阅读

相关 JS中数组的方法

JS中数组的方法在我做测试题的时候，曾经遇到过这样的一道题，举例说出js数组中的方法并且写出它们的作用。在此我就想就我的理解展开论述。 -----------

r囧r小猫/ 2022年06月14日 05:11/ 0 赞/ 187 阅读

相关 JS中字符串的方法

字符串中常用的方法：在真实项目中经常操作字符串，此时我们需要掌握常用的的一些字符串操作方法。我会在下文中将每个方法前面添加一个str，代表字符串。目的是可以让大家更加

刺骨的言语ヽ痛彻心扉/ 2022年06月05日 23:35/ 0 赞/ 264 阅读

相关 JS中获取DOM的方法

getElementById通过元素ID获取此方法的上下文只能是document。 > 一个HTML页面中元素的ID理论上是不能重复的，但是重复了页面中也不会报错 >

左手的ㄟ右手/ 2022年06月05日 01:15/ 0 赞/ 159 阅读

相关 JavaScript-JS中的数组方法

数组是编程中使用最频繁的一种数据结构，它是由一组相关的数据组成，使用索引来访问数组元素，他们有共同的变量名，访问时只要指定对应的位置的索引就可以了。 var la

素颜马尾好姑娘i/ 2022年04月18日 03:27/ 0 赞/ 250 阅读

相关 JS中的call方法

1、方法定义 call方法: 语法：call(\[thisObj\[,arg1\[, arg2\[, \[,.argN\]\]\]\]\]) 定义：调用一个对象

绝地灬酷狼/ 2022年04月14日 06:41/ 0 赞/ 176 阅读

相关 js中的方法大全

JavaScript常见方法大全隐藏脚本代码 1: <script language=”JavaScript”> 2: <!-- 3: document.wri

た入场券/ 2022年01月10日 11:09/ 0 赞/ 304 阅读

相关 JS中方法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

淩亂°似流年/ 2021年12月12日 15:51/ 0 赞/ 222 阅读