JavaScript中Array 对象相关的几个方法


Posted in Javascript onDecember 22, 2006

push 方法
将新元素添加到一个数组中,并返回数组的新长度值。

arrayObj.push([item1 [item2 [. . . [itemN ]]]])

参数
arrayObj 必选项。一个 Array 对象。
item, item2,. . . itemN 可选项。该 Array 的新元素。

说明
push 方法将以新元素出现的顺序添加这些元素。如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用 concat 方法。

示例

<script type="text/javascript">
var arrayObj = new Array(0,1,2,3,4);
arrayObj.push(5,6,7,8,"枫岩","CnLei");
alert(arrayObj[arrayObj.length-1]);
</script>

要求
版本 5.5

pop 方法
移除数组中的最后一个元素并返回该元素。

arrayObj.pop()
必选的 arrayObj 引用是一个 Array 对象。

说明
如果该数组为空,那么将返回 undefined。

示例

<script type="text/javascript">
var arrayObj = new Array(0,1,2,3,4);
alert(arrayObj.pop());
</script>

要求
版本 5.5

shift 方法
移除数组中的第一个元素并返回该元素。

arrayObj.shift( )

参数
必选的 arrayObj 引用是一个 Array 对象。

说明
shift 方法可移除数组中的第一个元素并返回该元素。

要求
版本 5.5

unshift 方法
将指定的元素插入数组开始位置并返回该数组。

arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

参数
arrayObj 必选项。一个 Array 对象。
item1, item2,. . .,itemN 可选项。将插入到该 Array 开始部分的元素。

说明
unshift 方法将这些元素插入到一个数组的开始部分,所以这些元素将以参数序列中的次序出现在数组中。

要求
版本 5.5

concat 方法 (Array)
返回一个新数组,这个新数组是由两个或更多数组组合而成的。

array1.concat([item1[, item2[, . . . [, itemN]]]])

参数
array1 必选项。其他所有数组要进行连接的 Array 对象。
item1,. . ., itemN 可选项。要连接到 array1 末尾的其他项目。

说明
concat 方法返回一个 Array 对象,其中包含了 array1 和提供的任意其他项目的连接。

要加的项目(item1 … itemN)会按照从左到右的顺序添加到数组。如果某一项为数组,那么添加其内容到 array1 的末尾。如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。

以下为从源数组复制元素到结果数组:

对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变,都将引起另一个的改变。
对于连接到新数组的数值或字符串,只复制其值。一个数组中值有改变并不影响另一个数组中的值。
示例
下面这个例子说明了使用数组时 concat 方法的用法:

function ConcatArrayDemo(){
 var a, b, c, d;
 a = new Array(1,2,3);
 b = "JScript";
 c = new Array(42, "VBScript);
 d = a.concat(b, c);
 // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"]
 return(d);
}

要求
版本 3

join 方法
返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。

arrayObj.join(separator)

参数
arrayObj 必选项。Array 对象。
separator 必选项。是一个 String 对象,作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数,那么数组元素之间就用一个逗号来分隔。

说明
如果数组中有元素没有定义或者为 null,将其作为空字符串处理。

示例
下面这个例子说明了 join 方法的用法。

function JoinDemo(){
 var a, b;
 a = new Array(0,1,2,3,4);
 b = a.join("-");
 return(b);
}

要求
版本 2

sort 方法
返回一个元素已经进行了排序的 Array 对象。

arrayobj.sort(sortfunction)

参数
arrayObj 必选项。任意 Array 对象。
sortFunction 可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列。

说明
sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array 对象。

如果为 sortfunction 参数提供了一个函数,那么该函数必须返回下列值之一:
(1)负值,如果所传递的第一个参数比第二个参数小。
(2)零,如果两个参数相等。
(3)正值,如果第一个参数比第二个参数大。

示例

<script type="text/javascript">
function AscSort(x, y) {
  return x == y ? 0 : (x > y ? 1 : -1);
}

function DescSort(x, y) {
  return x == y ? 0 : (x > y ? -1 : 1);
}

function RandomSort(x, y) {
  return Math.floor(Math.random() * 2 - 1 );
}

var array = [2,4,3,5,1,6,9,0,8];

document.write("<p>正序:" + array.sort(AscSort) + "</p>");
document.write("<p>倒序:" + array.sort(DescSort) + "</p>");
document.write("<p>随机排序:" + array.sort(RandomSort) + "</p>");
document.write("<p>随机排序:" + array.sort(RandomSort) + "</p>");
document.write("<p>随机排序:" + array.sort(RandomSort) + "</p>");
</script>


要求
版本 2

slice 方法 (Array)
返回一个数组的一段。

arrayObj.slice(start, [end])

参数
arrayObj 必选项。一个 Array 对象。
start 必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。
end 可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。

说明
slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。

slice 方法一直复制到 end 所指定的元素,但是不包括该元素。如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前,不复制任何元素到新数组中。

示例
在下面这个例子中,除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:

newArray = myArray.slice(0, -1)

splice 方法
从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

参数
arrayObj 必选项。一个 Array 对象。
start 必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。
deleteCount 必选项。要移除的元素的个数。
item1, item2,. . .,itemN 必选项。要在所移除元素的位置上插入的新元素。

说明
splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。

要求
版本 5.5

reverse 方法
返回一个元素顺序被反转的 Array 对象。

arrayObj.reverse( )

参数
arrayObj 必选项,该参数为 Array 对象。

说明
reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中,这个方法并不会创建一个新的 Array 对象。
如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。

示例
下面这个例子说明了 reverse 方法的用法:

function ReverseDemo(){
 var a, l; // 声明变量。
 a = new Array(0,1,2,3,4); // 创建数组并赋值。
 l = a.reverse(); // 反转数组的内容。
 return(l); // 返回结果数组。
}
Javascript 相关文章推荐
你可能不再需要JQUERY
Mar 09 Javascript
javascript不同页面传值的改进版
Sep 30 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
js输入框邮箱自动提示功能代码实现
Dec 10 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
Oct 08 Javascript
Ajax的概述与实现过程
Nov 18 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
JavaScript事件列表解说
Dec 22 #Javascript
改进:论坛UBB代码自动插入方式
Dec 22 #Javascript
用javascript获取地址栏参数
Dec 22 #Javascript
在IE下:float属性会影响offsetTop的取值
Dec 22 #Javascript
Javascript实现的分页函数
Dec 22 #Javascript
一些常用的Javascript函数
Dec 22 #Javascript
用Javascript实现UTF8编码转换成gb2312编码
Dec 22 #Javascript
You might like
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
2015/06/10 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
老生常谈的跨域处理
2017/01/11 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python实现通过shelve修改对象实例
2014/09/26 Python
PyQt5每天必学之像素图控件QPixmap
2018/04/19 Python
python+os根据文件名自动生成文本
2019/03/21 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
浅谈python print(xx, flush = True) 全网最清晰的解释
2020/02/21 Python
利用Python将图片中扭曲矩形的复原
2020/09/07 Python
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
全球最大的房车租赁市场:Outdoorsy
2018/09/19 全球购物
外科实习自我鉴定
2013/10/06 职场文书
《阳光》教学反思
2014/02/23 职场文书
股份合作协议书范本
2014/04/14 职场文书
作文批改评语大全
2014/04/23 职场文书
大学社团活动总结
2014/04/26 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技