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 相关文章推荐
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
Nov 28 Javascript
js文件Cookie存取值示例代码
Feb 20 Javascript
七个很有意思的PHP函数
May 12 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
Vue组件开发初探
Feb 14 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
angular 表单验证器验证的同时限制输入的实现
Apr 11 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
原生JS生成指定位数的验证码
Oct 28 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
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
PHP ajax 分页类代码
2008/11/13 PHP
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
详解Laravel设置多态关系模型别名的方式
2019/10/17 PHP
jQuery源码分析-01总体架构分析
2011/11/14 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
[01:20]辉夜杯背景故事宣传片《辉夜传说》
2015/12/25 DOTA
Python中数字以及算数运算符的相关使用
2015/10/12 Python
python框架django基础指南
2016/09/08 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
python装饰器原理与用法深入详解
2019/12/19 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
MYSQL基础面试题
2012/05/13 面试题
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
家居饰品店创业计划书
2014/01/31 职场文书
家庭教育的心得体会
2014/09/01 职场文书
小学四年级班主任工作经验交流材料
2015/11/02 职场文书
《风娃娃》教学反思
2016/02/18 职场文书
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL
MySQL七大JOIN的具体使用
2022/02/28 MySQL