ajax入门指南(六)

ajax学习入门指南,相信对ajax初学者会有所帮助的。

 Prototype框架
    枚举对象(Enumerable对象)
        1.Enumerable.each(iterator)
        each方法的参数是一个JavaScript函数,它可以接受两个参数,它们分别是当前遍历的集合元素和当前遍历元素在集合中的序号
        示例:
        var arr = [1,2,3,4];
        arr.each(
           function(item,index){
               if(index == 2)
                  alert("arr["+index+"]=" +item);//当序号为2的时候,输出"arr[2]=3"
               }
           );

        2.$break和$continue对象
        遍历集合元素时实现一定的流程控制
        示例:
        var arr = [1,2,3,4,8,5,4,3];
        //输出结果为:1,2,3,4,5,4,3
        arr.each(
           function(item,index){
               if(item < 6){
                  alert(item);
              } else{
                //出现大于等于6的数跳过,继续处理下一个元素
               $continue; //如果按照如下的例子用throw $continue将会结束遍历
              }
           }
      );
 
        var arr = [1,2,3,4,8,5,4,3];
        //输出结果为:1,2,3,4,5,4,3
        arr.each(
           function(item,index){
               if(item < 6){
                  alert(item);
              } else{
                //出现大于等于6的数跳过,继续处理下一个元素
               throw $break;
              }
           }
      );

        3.Enumerable.all(iterator)
        用于判断集合内的所有元素是否符合某个条件,如果条件均返回true,那么all方法返回true,否则返回false
        示例:
        var arr = [1,2,3,4,8,5,-4,3];
       var boolean = arr.all(
           function(item,index){
               return(item>0)
           }
       );
       alert(boolean);    //输出false;

            4.Enumerable.collect(iterator)
            遍历集合中所有元素,返回的结果按照集合中的顺序生成一个Array对象返回
            示例:
            var arr = [1,2,3,4,8,5,4,3];
            var newArr = arr.collect(
       function(item,index){
                       return(item * item)
                   }
              );
           alert(newArr);//输出"1,4,9,16,64,25,16,9"

            5.Enumerable.find(iterator)
            返回满足条件的元素值或者布尔值
            示例:
            var arr = [1,2,3,4,8,5,4,3];
            var ele = arr.find(
                   function(item,index){
                        if(item > 3)
                          return(item) 
                  }
             );
           alert(ele);//输出值:4
           黑体部分可以换成:return (item > 3)返回布尔值用来判断该集合是否有满足条件的元素

            6.Enumerable.findAll(iterator)
                满足条件的所有元素以Array对象返回
                var arr = [1,2,3,4,8,5,4,3];
                var ele = arr.findAll(
                       function(item,index){
                            if(item > 3)
                              return(item)
                      }
                );
               alert(ele);//输出"4,8,5,4"

            7.Enumerable.grep(pattern,iterator)
                pattern参数是正则表达式,
                示例:
                var arr = ["12345","abc2","cde","fgh","132ba"];
                var newArray = arr.grep(
                           /2/,
                           function(item,index){
                                alert(item);//输出"12345","abc2","132ba"
                           }
               );
    8.Enumerable.include(obj)
                判断obj对象是否是集合的成员
                示例:
                var arr = [1,2,3,4,5];
                var ele = arr.include(2);
               alert(ele);//输出true

            9.Enumerable.max(iterator)
                返回集合中最大元素
                示例:
                var arr = [1,2,3,4,5];
                var ele = arr.max();
                alert(ele); //输出5

            10.Enumerable.min(iterator)
                返回集合中最小元素

            11.Enumerable.sortBy(iterator)
                 进行排序
                 示例:
                var arr = [1,5,3,2,4];
                var arr = arr.sortBy(
                     function(item,index){
                           return item;
                     }
               );
               alert(arr);//输出"1,2,3,4,5"
 

时间: 2024-11-01 16:40:54

ajax入门指南(六)的相关文章

ajax入门指南(三)

ajax入门指南,相信对ajax初学者会有所帮助. AJAX的主流框架:       浏览器端框架:       一.Prototype系列:         1.Prototype:http://prototype.conio.net,如果在Web应用中实现对Ajax的支持或者需要扩展一些基本的功能,Prototype是个很好的选择:         2.script.aculo.us:http://script.aculo.us,如果要在Web应用中实现更加在丰富的动态效果,提升用户体验,可

ajax入门指南(二)

ajax入门指南,相信对ajax初学者有所帮助. javascript面向对象编程实现:             1.类的声明:                 function test1(){                     this.p1 = "p1";                     this.p2 = "p2";                     this.f1 = function(){ alert("f1");

ajax入门指南(一)

ajax入门指南,对开始学习ajax的朋友应该有所帮助. 1.AJAX兼容IE和Firefox两大浏览器,出现了AJAX开发框架.      2.AJAX开发关键技术:XMLHttpRequest对象,JavaScript编程技术,DOM(文档对象模型),CSS(层叠样式表),和XSLT(可扩展样式表转换)            XMLHttpRequest对象是实现Ajax应用的核心:            JavaScript是Ajax应用在客户端使用的脚本语言:            通过

ajax入门指南(七)

ajax学习入门指南,对ajax初学者会有所帮助.    Prototype框架         页面插入         1.Insertion.Before类                 新建Insertion.Before类的实例,会将指定的HTML添加到指定元素之前,并且与之相邻                 示例:                 <div id="div1">original text</div>                

ajax入门指南(五)

ajax学习入门指南,对ajax初学者应该有所帮助. Prototype基础类:        1. Class.create()             示例:                 var myClass = Class.create();       2.  Object.extend(destination,source)             示例:                 var myClass = Class.create();                

ajax入门指南(四)

ajax学习入门指南,对ajax初学者应该有所帮助. Prototype对Ajax的支持     Ajax.Request类     如下代码是一个示例:     <!--客户端:index.htm-->     <script language="javascript" type="text/javascript" src="prototype1.6.js"></script>     <script

Firebug入门指南

据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一. 我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来. ================= Firebug入门指南 作者:Estelle Weyl 原文网址:http://www.evotech.net/blog/2007/06/introduction-to-firebug/ 译者:阮一峰 本文是Firebug的一个概览,并不对它的所有特性进行详尽解释.不过,本文的内容

针对初学者的jQuery入门指南_jquery

 jQuery 是什么,它能为我们做什么?如果你是一名 Web 开发人员,写过 JavaScript 程序,那么你很可能正在使用 jQuery,即使没有试用过,至少也听说过,事实上 jQuery 可以说是现阶段最流行的 JavaScript 库.据有关部门统计,全球网站上面,约有 28% 的网站在使用 jQuery,这个数字可能有些夸张,但足见 jQuery 受欢迎的程度.本文仅对 jQuery 的使用方法作简单介绍,且作为一个入门教程吧.下载 jQuery 代码,并在页面中载入 首先需要从jQ

jQuery中文入门指南,翻译加实例,jQuery的起点教程_基础知识

jQuery中文入门指南,翻译加实例,jQuery的起点教程 中文版译者:Keel 此文以实例为基础一步步说明了jQuery的工作方式.现以中文翻译(添加我的补充说明)如下.如有相关意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知. 英文原版:http://jquery.bassistance.de/jquery-getting-started.html ,感谢原文作者 Jörn Zaefferer 本文发布已征求原作者同意. 另外我认为在学习过程中,有两个API文档你要打开随时