[jQuery] $.grep使用

浏览数：72 / 时间：2015年06月09日

　　1.$.grep的功能是查找过滤功能的数组，原数组不受影响。

　　2.参数定义

　　　　jQuery.grep( array, function(elementOfArray, indexInArray), [ invert ] )

　　　　array ：用于过滤的数组

　　　　function(elementOfArray, indexInArray) ：回调函数，用于处理每个元素的比较，elementOfArray是过滤数组的元素，indexInArray是过滤数组元素的下标

　　　　invert ：如果“invert”为false，或没有提供，函数返回一个所有元素组成的数组对于“callback”返回true。如果“invert”为true，函数返回一个所有元素组成的数组对于“callback”返回false。

　　3.范例

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div {
                color: red;
            }
            p {
                color: green;
            }
            
            span {
                color: blue;
            }
        </style>
        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
                    $(function() {
                        var arr = [1, 32, 5533, 12, 5, 9, 8, 17, 36, 78];
                        $(‘div‘).text(arr.join(‘,‘));
                        
                        arr = $.grep(arr, function(n, i) {
                            return (n != 5533 && i > 4);
                        });
                        $(‘p‘).text(arr.join(‘,‘));
                        
                        arr = $.grep(arr, function(n, i) {
                            return (n != 78);
                        });
                        $(‘span‘).text(arr.join(‘,‘));
                    });
        </script>
    </head>    
    <body>
        <div></div>
        <p></p>
        <span></span>
    </body>
</html>