MS的AJAX的数组

来源:互联网 发布:samsung kies软件下载 编辑:程序博客网 时间:2024/05/18 15:06
一、介绍:
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;">
                    &nbsp;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&nbsp; 方法</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对字符串扩展
 
原创粉丝点击