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 相关文章推荐
javascript 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
js有关元素内容操作小结
Dec 20 Javascript
JQuery 控制内容长度超出规定长度显示省略号
May 23 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 Javascript
使用javascript实现简单的选项卡切换
Jan 09 Javascript
详解JavaScript对象的深浅复制
Mar 30 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
webpack多页面开发实践
Dec 18 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
Vue全局loading及错误提示的思路与实现
Aug 09 Javascript
javascript canvas实现雨滴效果
Jun 09 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中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
2011/05/04 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
PHP面向对象程序设计继承用法简单示例
2018/12/28 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
JavaScript中点击事件的写法
2016/06/28 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
jquery ztree实现右键收藏功能
2017/11/20 jQuery
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
2018/12/20 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python读取LMDB中图像的方法
2018/07/02 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
查看python下OpenCV版本的方法
2018/08/03 Python
Python字符串的全排列算法实例详解
2019/01/07 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
python opencv实现证件照换底功能
2019/08/19 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
详解Python3中的 input() 函数
2020/03/18 Python
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
小学生国旗下演讲稿
2014/04/25 职场文书
内勤岗位职责
2015/02/10 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python