注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

筛选数组元素,只显示所需要的数据--jQuery数组和字符串  

2011-01-29 11:00:26|  分类: JQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

2011-01-29

 

l  筛选数组元素,只显示所需的数据

知识点:

假设一个数组包含了一些名字,为了只看到所需的名字,需要筛选数组元素,例如:希望只看到那些长度超过4个字符的名字。

              说明:

$.grep()方法:对数组元素进行筛选。这个方法分析数组的所有元素,为每个元素分别调用回调函数。在回调函数中编写语句,把不想要的元素过滤掉,也就是说,回调函数只返回被过滤的数组中我们想要的值。

语法格式如下:

grep(array, callback, boolean)

参数说明:

array—原始数组,grep()方法对原始数组进行筛选;

callback----回调函数,执行筛选任务,返回构成过滤数组的值。回调函数有两个参数,第一个是数组元素,第二个是索引值;

boolean----通常省略。如果是false(这是默认值),则没有任何效果;如果设置为true,则回调函数的效果是逆向的。即返回与回调函数中提供条件不匹配的值。

match()方法:定义正则表达式。match()方法String类的一个方法,用于决定指定的字符串对象是否匹配指定的正则表达式。

              Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>jQuery数组和字符串--筛选数组元素,只显示所需要的数据</title>

    <script type="text/javascript" src="rs/js/jquery.js"></script>

    <script type="text/javascript">

    <!--

    $(

        function()

        {

            var members = ['King','Teana','Branns','Marrasli','Milo'];

            var names = members;

            $('#ia').text(members.join(','));

            members = $.grep(members,

                function(value)

                {

                    return (value.length > 4);

                }

            );

            $('#ib').text(members.join(','));//.text()为指定jQuery对象添加文本

            //array.join('split')array数组的各个元素用split

            names = $.grep(names,

                function(value)

                {

                    return value.match(/^[A-D]/);

                }

            );

            $('p.ic').text(names.join(','));//p.ic表示p标签上classicDOM元素

        }

    );

    //-->

    </script>

  </head>

  <body>

    <h2>小组成员是:</h2>

    <p id='ia'></p>

    <h2>小组成员中名字长度大于4的有:</h2>

    <p id='ib'></p>

    <h2>小组成员中名字以AD之间打头的有:</h2>

    <p class='ic'></p>

  </body>

</html>

  评论这张
 
阅读(1387)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017