zoukankan      html  css  js  c++  java
  • javascript forEach方法与jQuery each区别

    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>

    控制台输出为:



  • 相关阅读:
    超详细的FreeRTOS移植全教程——基于srm32
    继续学习freertos消息队列
    FreeRTOS优化与错误排查方法
    从单片机到操作系统⑦——深入了解FreeRTOS的延时机制
    Android Pie 私人 DNS 使用教程
    「运维之美」技术周刊 ( 第 1 期 )
    「运维之美」技术周刊 ( 第 3 期 )
    用 Python 快速实现 HTTP 和 FTP 服务器
    关于ubuntu软件图标的问题
    You're currently running Fcitx with GUI 错误解决 Fcitx
  • 原文地址:https://www.cnblogs.com/mengfangui/p/7965463.html
Copyright © 2011-2022 走看看