一、
介绍:
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对字符串扩展