MSAJAX第一章:MSAJAX对数组的扩展

    技术2022-05-11  65

    一、 介绍: MS的AJAX的数组(Array)源于基础的ECMAScript中的Array对象 二、 语法: Var arrayVar=new Array(); 三、 成员: 名称 说明 Array.add 方法 添加一个元素或数组放入一个数组最后的位置上 Array.addRange 方法 复制指定的数组中所有的元素放入一个数组最后面 Array.clear 方法 清除指定数组中的所有元素 Array.clone 方法 克隆指定的数组 Array.contains 方法 确定指定的数组中是否有当前元素 Array.dequeue 方法 把数组中首位元素移除出当前数组,并返回被移除的元素 Array.enqueue 方法 添加一个元素或数组到数组的最后的位置(注意:你在调用add()方法是其实调用的就是enqueue方法) Array.forEach 方法 罗列出当前数组中的所有元素 Array.indexOf 方法 查找从指定索引开始指定范围内的第一个匹配的元素 Array.insert 方法 向指定的数组指定的位置插一条数据 Array.parse 方法 将一个字符串转变成一个数组 Array.remove 方法 移除数组中第一元素 Array.removeAt 方法 从数组中移除指定索引的元素   四、 用例: <% @ Page Language="C#" AutoEventWireup="true" CodeFile="ArrayExtensionsDome.aspx.cs" Inherits="JavaScriptBaseTypeExtensions_ArrayTypeExtensions_ArrayExtensionsDome" %>   <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   < html xmlns="http://www.w3.org/1999/xhtml" > < head runat="server">     <title> 无标题页</title> </ head > < body >     <form id="form1" runat="server">     <div>         <asp:ScriptManager ID="ScriptManager1" runat="server">         </asp:ScriptManager>         </div>         <table border="0" cellpadding="0" cellspacing="0" width="100%">             <tr>                 <td style="width: 273px">                      方法                 </td>                 <td style="width: 100px">                                    </td>                 <td style="width: 100px">                 </td>             </tr>             <tr>                 <td style="width: 20%">                    Array.add 方法</td>                  <td style="width: 10%">                     <input id="bt_Add" type="button" value="Add 方法" onclick="return bt_Add_onclick()" /></td>                 <td style="width: 70%">                     创建一个新的数组往里面添加3个元素a,b,c并显示出来</td>                            </tr>             <tr>                 <td style="width: 20%">                     Array.addRange 方法                 </td>                 <td style="width: 10%">                     <input id="bt_addRange" type="button" value="Array.addRange 方法" onclick="return bt_addRange_onclick()" /></td>                 <td style="width: 70%">                     创建两个数组a,b 把b数组加入到a中</td>             </tr>             <tr>                 <td style="width: 20%">                     Array.clear 方法                 </td>                 <td style="width: 10%">                     <input id="clear 方法" type="button" value="Array.clear  方法" onclick="return clear 方法_onclick()"/></ td >                 <td style="width: 70%">                      创建数组a清楚数组a中的所有元素</td>             </tr>             <tr>                 <td style="width: 20%">                     Array.contains 方法</td>                 <td style="width: 10%">                     <input id="bt_Contain" type="button" value="Array.contains" onclick="return bt_Contain_onclick()" /></td>                 <td style="width: 70%">                     创建一个数组元素有'red', 'green', 'blue', 'yellow',判断 green是否是这个数组中的元素</td>             </tr>             <tr>                 <td style="width: 20%; height: 36px;">                      Array.clone 方法</td>                 <td style="width: 10%; height: 36px;">                     <input id="bt_clone" type="button" value=" Array.clone" onclick="return bt_clone_onclick()" /></td>                 <td style="width: 70%; height: 36px;">                     创建数组a,把a的科隆值赋值给b数组,显示b数组成员</td>             </tr>            <tr>                 <td style="width: 20%">                     Array.dequeue 方法</td>                 <td style="width: 10%">                     <input id="bt_Dequeue" type="button" value="Array.dequeue" onclick="return bt_Dequeue_onclick()" /></td>                 <td style="width: 70%">                     创建数组a,移除数组首位元素。</td>             </tr>             <tr>                 <td style="width: 20%; height: 18px;">                     Array.enqueue 方法</td>                 <td style="width: 10%; height: 18px;">                     <input id="bt_Enqueue" type="button" value="Array.enqueue" onclick="return bt_Enqueue_onclick()" /></td>                 <td style="width: 70%; height: 18px;">                     <span style="font-size: 10.5pt;"FONT-SIZE: 9pt; COLOR: blue;">宋体;"on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="12" UnitName="pt">12.0pt;                                                 "on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="1" UnitName="pt">1.0pt;                         "> 创建数组a和b,把b数组添加到a数组中去</span></td>             </tr>             <tr>                 <td style="width: 20%">                     Array.forEach 方法</td>                 <td style="width: 10%">                     <input id="bt_ForEach" type="button" value="Array.forEach" onclick="return bt_ForEach_onclick()" /></td>                 <td style="width: 70%">                     以符号|格开,罗列出数组a 中的成员</td>             </tr>             <tr>                 <td style="width: 20%; height: 17px;">                     Array.indexOf  方法</td>                 <td style="width: 10%; height: 17px;">                     <input id="bt_indexOf" type="button" value="Array.indexOf" onclick="return bt_indexOf_onclick()" /></td>                 <td style="width: 70%; height: 17px;">                     在数组a 中查找元素a第一次出现的位置和第二次出现的位置</td>             </tr>             <tr>                 <td style="width: 20%; height: 19px;">                     Array.insert 方法</td>                 <td style="width: 10%; height: 19px;">                     <input id="bt_Insert" type="button" value="Array.insert" onclick="return bt_Insert_onclick()" /></td>                 <td style="width: 70%; height: 19px;">                     在数组a 的第二个元素后插入一个元素</td>             </tr>             <tr>                 <td style="width: 20%">                     Array.parse 方法</td>                 <td style="width: 10%">                     <input id="bt_parse" type="button" value="Array.parse" onclick="return bt_parse_onclick()" /></td>                 <td style="width: 70%">                     将字符串转变成数组</td>             </tr>             <tr>                 <td style="width: 20%; height: 17px;">                     Array.remove 方法</td>                 <td style="width: 10%; height: 17px;">                     <input id="bt_Arrayremove" type="button" value="Array.remove" onclick="return bt_Arrayremove_onclick()" /></td>                 <td style="width: 70%; height: 17px;">                     把元素c从数组a中移除开</td>             </tr>             <tr>                 <td style="width: 20%">                     <span lang="EN-US" style="font-size: 10.5pt;"on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="12" UnitName="pt">12.0pt;                         "on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="1" UnitName="pt">1.0pt;                         "FONT-SIZE: 9pt; COLOR: blue;">宋体"> Array.removeAt </span>                     <span style="font-size: 10.5pt;"FONT-SIZE: 9pt; COLOR: blue;">宋体;"on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="12" UnitName="pt">12.0pt;                                                 "on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="1" UnitName="pt">1.0pt;                         "> 方法</span></td>                 <td style="width: 10%">                     <input id="bt_RemoveAt" type="button" value="Array.removeAt" onclick="return bt_RemoveAt_onclick()" /></td>                 <td style="width: 70%">                     l 把数组a 中指定的第二索引值删除掉</td>             </tr>         </table>     </form> </ body > </ html > < script language="javascript" type="text/javascript"> function bt_Add_onclick() {     newArr=new Array();     Array.add(newArr,'a');     Array.add(newArr,'b');     Array.add(newArr,'c');     alert("newArr 数组成员有:" +newArr.toString()); } function bt_addRange_onclick() {     var b=['d','e','f'];     var a=['a','b','c'];     Array.addRange(a, b);     alert("a 数组成员有:" +a.toString()); }   function clear 方法_onclick() {      var a=['a','b','c'];      alert("a 数组成员有:" +a.toString());      Array.clear(a);      alert("a 数组成员有:" +a.toString()); }   function bt_Contain_onclick() {     var a=['red', 'green', 'blue', 'yellow'];     var b=Array.contains(a,"green");     alert(b.toString()); }   function bt_clone_onclick() {     var a=['a','b','c'];     var b=Array.clone(a);    alert("b 数组成员有:" +b.toString()); }   function bt_Dequeue_onclick() {      var a=['a','b','c'];      alert("a 数组成员有:" +a.toString());      var lastEle=Array.dequeue(a);      alert(" 移除了 " +lastEle);      alert("a 数组成员有:" +a.toString()); }   function bt_Enqueue_onclick() {     var a=['a','b','c'];     alert("a 数组成员有:" +a.toString());     var b=['d','e'];     Array.enqueue(a,b);     alert("a 数组成员有:" +a.toString()); }   var result=''; function AppendTostring(arrayElement,index,array) {     result+=arrayElement+this+index+','; } function bt_ForEach_onclick() {     result='';     var a=['a','b','c'];     Array.forEach(a,AppendTostring,'|');     alert(result); }   function bt_indexOf_onclick() {     var a=['a','b','c','d','e','a'];     var fistIndex=Array.indexOf(a,'a');     alert(" 第一个a出现的位置在: " +fistIndex);     var sendIndex=Array.indexOf(a,'a',(fistIndex+1));     alert(" 第二个a出现的位置在: " +sendIndex); }   function bt_Insert_onclick() {      var a=['a','b','d','e','f','g'];      Array.insert(a,2,'c');      alert("a 数组成员有:" +a.toString()); }   function bt_parse_onclick() {     var hello="['ni','hao','a']";     var a=Array.parse(hello);     alert("a 数组成员有:" +a.toString()); }   function bt_Arrayremove_onclick() {      var a=['a','b','c','d','e','a'];       alert("a 数组成员有:" +a.toString());      Array.remove(a,'c');       alert("a 数组成员有:" +a.toString()); }   function bt_RemoveAt_onclick() {      var a=['a','b','c','d','e','a'];      alert("a 数组成员有:" +a.toString());      Array.removeAt(a,2);      alert("a 数组成员有:" +a.toString()); }   </ script > 不对的地方还请大家多多指正,本人英文不是太好所以很多翻译都是靠自己对函数的用法理解的,下一章讲述MSAJAX对字符串扩展

    最新回复(0)