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

2016-02-19 11:23 1 1 收藏

有了下面这个JavaScript中Array 对象相关的几个方法教程,不懂JavaScript中Array 对象相关的几个方法的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

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); // 返回结果数组。
}

来源:https://www.tulaoshi.com/n/20160219/1597331.html

延伸阅读
标签: Web开发
JavaScript中small函数方法是将 HTML 的SMALL 标识添加到String 对象中的文本两端。使用方法: strVariable.small( ) "String Literal".small( ) 下面的示例演示了 JavaScript中small函数方法是如何使用的: var strVariable = "This is a string"; strVariable = strVariable.small( );   ...
标签: Web开发
JavaScript 是面向对象的。但是不少人对这一点理解得并不全面。 在 JavaScript 中,对象分为两种。一种可以称为“普通对象”,就是我们所普遍理解的那些:数字、日期、用户自定义的对象(如:{})等等。 还有一种,称为“方法对象”,就是我们通常定义的 function。你可能觉得奇怪:方法就是方法,怎么成了对象了?但是在 JavaSc...
标签: Web开发
1、关于javascript的apply和call函数 prototype.js中用了大量的apply和call函数,不注意会造成理解偏差。 官方解释:应用某一对象的一个方法,用另一个对象替换当前对象。 apply与call的区别是第二个参数不同。apply是  数组或者arguments 对象。而call是逗号隔开的任何类型。 apply,call方法最让人混淆的地方也是apply,c...
标签: Web开发
JavaScript中的History历史对象包含了用户已浏览的 URL 的信息,是指历史对象指浏览器的浏览历史。鉴于安全性的需要,该对象收到很多限制,现在只剩下下列属性和方法。History历史对象有length这个属性,列出历史的项数。JavaScript 所能管到的历史被限制在用浏览器的“前进”“后退”键可以去到的范围。本属性返回的是“前进”...
标签: Web开发
这是基本JavaScript的屏幕对象 screen 屏幕对象 反映了当前用户的屏幕设置。 width 返回屏幕的宽度(像素数)。 height 返回屏幕的高度。 availWidth 返回屏幕的可用宽度(除去了一些不自动隐藏的类似任务栏的东西所占用的宽度)。 availHeight 返回屏幕的可用高度。 colorDepth 返回当前颜色...

经验教程

530

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部