javascript forEach方法与jQuery each区别

2018-06-24 00:56:53来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1、forEach方法

语法:

array.forEach(function(currentValue, index, arr), thisValue)

参数:

示例:

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>forEach方法</title>
    </head>

    <body>
        <script type="text/javascript">
        var num = [2,1,3];
        num.forEach(function(currentValue,index,arr){
            console.log("当前值:"+currentValue+"当前索引:"+index);
        });
        
        </script>
    </body>

</html>

控制台输出为:

2、each方法

语法:

jQuery.each( collection, callback(indexInArray, valueOfElement) )

参数:

回调函数的第一个参数为indexInArray(索引值),第二个参数valueOfElement(值)

示例:

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>each方法</title>
    </head>

    <body>
        <!--注意src路径要对-->
        <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var num = [2, 1, 3];
            $.each(num, function(index, currentValue) {
                console.log("当前值:" + currentValue + "当前索引:" + index);
            });
        </script>
    </body>

</html>

控制台输出为:

总结:forEach与each的参数(尤其是index与value)的位置不一样。


延伸:jQuery的map方法的参数列表:

jQuery.map( array, callback(elementOfArray, indexInArray) )

示例:

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>map方法</title>
    </head>

    <body>
        <!--注意src路径要对-->
        <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var arr = ["a", "b", "c", "d", "e"];
            arr = jQuery.map(arr, function(value, index) {
                return(value.toUpperCase() + index);
            });
            console.log(arr);
        </script>
    </body>

</html>

控制台输出为:

 



标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js 字符串indexof与search方法的区别

下一篇:knockoutjs 上自己实现的flux