jQuery工具--$.each()和$.merge()

jQuery.each(object, [callback])或者jQuery(object).each([callback])

概述

通用遍历方法，可用于遍历对象和数组。

不同于遍历 jQuery 对象的 $().each() 方法，此方法可用于遍历任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略

参数

object,[callback] object:需要遍历的对象或数组；callback:每个成员/元素执行的回调函数

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>

        <title></title>

        <script>

            $(document).ready(function(){

                var strObj='{"rows":[{"userName":"刘德华","userSex":"男","userAge":22},{"userName":"张卫健","userSex":"男","userAge":22}],"total":3}';

                var data=JSON.parse(strObj);

                $("button:eq(0)").click(function(){

                    $.each(data.rows, function(index,value) {

                        alert("第"+(index+1)+"个元素的userName:"+value.userName)

                        if(value.userName=="刘德华"){

                            //跳出循环

                            return false;

                        }

                    });

                });

                $("button:eq(1)").click(function(){

                    $(data.rows).each(function(index,value) {

                        alert("第"+(index+1)+"个元素的userName:"+value.userName)

                        if(value.userName=="刘德华"){

                            //跳出循环

                            return false;

                        }

                    });

                });

            });

        </script>

    </head>

    <body>

        <button>点击测试$.each(object, [callback])</button><br />

        <button>点击测试$(object).each([callback])</button>

    </body>

</html>

jQuery.merge(first,second)

概述

合并两个数组

返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。要去除重复项，请使用$.unique()

参数

first,second first:第一个待处理数组，会改变其中的元素；second:第二个待处理数组，不会改变其中的元素

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>

        <title></title>

        <script>

            $(document).ready(function(){

                var strObj='{"rows":[{"userName":"张学友","userSex":"男","userAge":22},{"userName":"刘德华","userSex":"男","userAge":22}],"total":2}';

                var data=JSON.parse(strObj);

                var addArr=[];

                var obj=new Object();

                obj.userName="张卫健";

                obj.userSex="男";

                obj.userAge=22;

                addArr.push(obj);

                var newArr=$.merge(data.rows,addArr);

                $("button").click(function(){

                    $.each(newArr, function(index,value) {

                        alert("第"+(index+1)+"个元素的userName:"+value.userName)

                    });

                });

            });

        </script>

    </head>

    <body>

        <button>点击测试$.merge()</button>

    </body>

</html>

巴特西

jQuery工具--$.each()和$.merge()

jQuery.each(object, [callback])或者jQuery(object).each([callback])

jQuery.merge(first,second)

最新文章

热门文章