总结javascript数组的14个常用方法(带实例)

1)concat:
功能:用于连接两个或多个数组
参数:可以是具体的值,也可以是数组对象,可以是任意多个。
返回值:返回一个新数组。该数组是通过把所有参数添加到原数组中而生成的。如果参数是数组对象,添加的是数组中的元素。
原数组是否改变: 不会改变原数组,返回被连接数组的一个副本。
var a=[11,12,13,14];
var b=[21,22,23,24];
alert(a.concat("zxx")); //参数为字符串类型的数据,输出:11,12,13,14,zxx
alert(a.concat(b)); //参数为数组对象,输出:11,12,13,14,21,22,23,24
alert(a);//原数组不变,输出:11,12,13,14

2) Join:
功能:用于把数组中的所有元素放入一个字符串,元素是通过指定的分隔符进行分隔的。
参数:可选,指定要使用的分隔符(字符串类型),如果省略参数,则使用逗号作为分隔符。
返回值:返回一个字符串,该字符串是通过把数组中的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入分隔符而生成的。
原数组是否改变:不改变。
var a=[11,12,13,14];
alert(a.join("-"));//用“-”做分隔符,输出11-12-13-14
alert(a.join());//省略分隔符,默认按“,”做分隔符,输出11,12,13,14
alert(a);//原数组不变,输出11,12,13,14

3)push:
功能:向数组的末尾添加一个或多个元素。
参数:要添加到数组末尾的元素,可以是多个。
返回值:新数组的长度。
原数组是否改变:改变。
var a=[11,12,13,14];
alert(a.push("zxx",16));//输出新数组的长度:6
alert(a);//原数组改变,输出:11,12,13,14,zxx,16

4)pop:
功能:用于删除并返回数组的最后一个元素,并把数组长度减1,如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
参数:无。
返回值:返回它删除的元素的值。如果数组为空,返回undefined。
原数组是否改变:改变,如果数组为空,则不改变。
var a=[11,12,13,14];
alert(a.pop());//输出被删除元素的值,14
alert(a);//原数组改变,输出:11,12,13
var b=[];
alert(b.pop());//数组为空,返回undefined

5)unshift:
功能:与shift相反,向数组的开头添加一个或更多元素,
参数: 要添加到数组开头的元素,可以是多个。
返回值:返回新数组的长度。
原数组是否改变:改变。
var a=[11,12,13,14];
alert(a.unshift(21,22));//输出新数组的长度
alert(a);//原数组改变,输出:21,22,11,12,13,14
注意:在低版本的IE不能正常使用。

6)shift
功能:用于把数组的第一个元素从其中删除。
参数:无。
返回值:返回第一个元素的值。如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。
原数组是否改变:改变。
var a=[11,12,13,14];
alert(a.shift());//输出删除的第一个元素的内容:11
alert(a);//原数组改变,输出12,13,14
var b=[];
alert(b.shift());//空数组,返回undefined

7)slice
功能:从已有的数组中返回选定的元素。
参数:第一个参数:必需,规定从何处开始取数。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
         第二个参数:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从第一个参数到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
返回值:返回一个新的数组,包含从第一个参数到 第二个参数 (不包括该元素)的数组中的元素。
原数组是否改变:不变。
var a=[11,12,13,14];
alert(a.slice(0,1));//输出11
alert(a);//原数组不改变,输出11,12,13,14
alert(a.slice(0,-1));//输出11,12,13
alert(a.slice(-3,-1));//输出12,13

8)splice
功能:插入、删除、替换,可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
参数:第一个参数:必需,整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
         第二个参数:必需,要删除的项目数量。如果设置为 0,则不会删除项目。
         第三个参数:可选,向数组添加的新项目。
返回值:如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
原数组是否改变:改变。
//插入
var a=[11,12,13,14];
alert(a.splice(0,0,"zxx"));//从第0个元素开始,删除0个元素,并把zxx插入这个数组第0个位置。返回空字符串。
alert(a);//原数组改,输出zxx,11,12,13,14
//删除:
alert(a.splice(0,1));//从第0个元素开始,删除1个元素,返回删除的元素,zxx
alert(a);//输出11,12,13,14
//替换:
alert(a.splice(0,1,"zxx"));//从第0个元素开始,删除1个元素,并用zxx替换11的位置,输出11
alert(a);//输出zxx,12,13,14

9)sort
功能:用于对数组的元素进行排序。
参数:可选,规定排序顺序,必须是函数。如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
  • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
  • 若 a 等于 b,则返回 0。
  • 若 a 大于 b,则返回一个大于 0 的值。
返回值:对数组的引用。
原数组是否改变:改变。
var a=[11,2,13,114,23,56];
alert(a.sort()); //输出11,114,13,2,23,56,按ASCII码进行排序
alert(a.sort(function(a,b){return a-b;}));//输出2,11,13,23,56,114
alert(a); //改变原数组,输出2,11,13,23,56,114

10)reverse
功能:用于颠倒数组中元素的顺序。
参数:无。
返回值:反转后的数组。
原数组是否改变:改变。
var a=[11,2,13,114,23,56];
alert(a.sort(function(a,b){return a-b;}));//输出2,11,13,23,56,114
alert(a.reverse()); //数组元素反转,输出114,56,23,13,11,2
alert(a);//改变原数组,输出114,56,23,13,11,2

11)toString
功能:把数组转换为字符串。
参数:无。
返回值:返回字符串,与没有参数的 join() 方法返回的字符串相同。
原数组是否改变:不改变原数组
var a=[11,2,13,114,23,56];
alert(a.toString());//输出11,2,13,114,23,56
alert(a);//不改变原数组,输出11,2,13,114,23,56

12)toSource:只有 Gecko 核心的浏览器(比如 Firefox)支持该方法,也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。
功能:通常由 JavaScript 在后台自动调用,并不显式地出现在代码中,表示对象的源代码。
参数:无。
返回值:对象的源码,把原数组对象返回。
原数组是否改变:不变。
var a=[11,12,13,14];
alert(a.toSource()); //输出 [11,12,13,14]
alert(a);//原数组不变,输出11,12,13,14

function employee(name,job,born)
{
    this.name=name;
    this.job=job;
    this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
document.write(bill.toSource()); //输出:({name:"Bill Gates", job:"Engineer", born:1985}) 

13)toLocaleString()
功能:把数组转换为本地数组,并返回结果。首先调用每个数组元素的 toLocaleString() 方法,然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。
参数:无。
返回值:数组的本地字符串表示。
原数组是否改变:不改变。
var arr = new Array(3);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
alert(arr.toLocaleString()); //输出:George, John, Thomas

14)valueOf
功能:返回 Array 对象的原始值。通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。
参数:无。
返回值:返回 Array 对象的原始值。
原数组是否改变:不改变.
var a=[11,12,13,14];
alert(a.valueOf());//11,12,13,14
alert(a);//原数组不改变,11,12,13,14

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值