javascript常用的数组方法介绍

join()方法:
方法Array.join()可以把一个数组的所有元素都转换成字符串,然后再把它们连接起来。可以指定一个可选的字符串来分隔结果字符串中的元素。如果没有指定分隔字符串,其默认使用逗号分隔元素。

 代码如下 复制代码

var arr=[1,2,3];  //用数组直接量,定义一个三个元素的数组

var result = arr.join();  //result == '1,2,3' 变成字符串了

var result = arr.join("_"); //result == '1_2_3'

变成字符串了其实join()函数如果不指定参数,等同于join(‘,’),其默认分隔符为“逗号”。
reverse()方法:
方法Array.reverse()方法可以将数组元素的顺序倒序排列,并返回倒序后的数组。这是在原数组上进行的操作。这并不是创造一个新数组,是直接把原数组内的所有元素倒序排列。

 代码如下 复制代码
var arr= new Array('LaoNB','bolo','jo2','simaopig');

//用构造函数定义一个四个元素的数组

 代码如下 复制代码
var result = arr.reverse();  //result[0] == 'simaopig' result[1] == 'jo2'  result[2] == 'bolo' result[3] == 'LaoNB'

sort()方法:
方法Array.sort()是在原数组上对数组元素进行反序,返回排序后的数组。其也可以指定一个排列顺序的参数,不过这个参数是比较有意思的。其是?两个元素值的一个闭包,如果调用时不传递给它参数,那么它将按照字母顺序对数组元素进行排序(如果必要的话,可以暂将元素转换成字符串以执行比较操作):

 代码如下 复制代码

var arr = new Array('xiaoxiaozi','laonb','juejin'); //用构造函数定义一个三个元素的数组

var result = arr.sort();

//juejin laonb xiaoxiaozi如果数组含有未定义的元素,这些元素将被放在数组的末尾。
如果要将数组按照别的顺序来排序,则必须传递一个比较函数作为sort()函数的参数。该函数确定它的两个参数在排序数组中哪个在前,哪个在后。如果第一个参数应该位于第二个参数之前,那么比较函数将返回一个小于0的数。如果第一个参数应该出现在第二个参数之后,那么比较函数就会返回一个大于0的数。如果两个参数相等(例如它们的顺序是相等的),那么比较函数将返回0。

 代码如下 复制代码

var arr = [2,4,5,1];

arr.sort();  //返回的是1,2,4,5

arr.sort(
    function(first_param,second_param){return second_param-first_param}
    ); //根据排序返回 > 0, 0, 或 < 0 结果为5,4,2,1

concat()方法:
方法Array.concat()能创建并返回一个数组,这个数组包含了调用concat()的原始数组的元素,其后跟随的是concat()的参数。如果其中有些参数是数组,那么它将被展开,这尤其重要。但是这个concat()并不会递归地展开一个元素为数组的数组。也就是说其只会展开参数内的最外层的数组。说的很乱,看示例吧:

 代码如下 复制代码
var arr = [1,2,3,4];
arr.concat(5); //结果为1,2,3,4,5
arr.concat([5],[6]);//结果为1,2,3,4,5,6
arr.concat([5,6],[7,8]);//结果为1,2,3,4,5,6,7,8
arr.concat(5,[6,[7,8]]);//结果为1,2,3,4,5,6,[7,8]

slice()方法:
方法Array.slice()方法返回的是指定数组的子数组。其有两个参数,指定了要的子数组的起始和结束位置,返回其二者中间的子集。如果结束位置(第二个参数)缺省的话,则一直返回到数组结束。如果参数为负,则从后往前来截取。记住此函数是创建新的数组。嗯。
//都是在原数组上进行操作

 代码如下 复制代码

var arr = [1,2,3,4,5,6,7,8];

arr.slice(1,3); //数组元素从0开始,则其返回第一位开始到第三位的中间元素:[2,3]
alert(arr.join()); //[1,2,3,4,5,6,7,8]
arr.slice(-3,-1); //从最后倒数第三位到最后一位之间的数:[6,7]splice()方法:
Array.splice()

方法是插入或删除数组元素的通用方法,直接改变原数组。虽然其名字和上一个方法非常相似,可是功效是完全不一样滴,各位一定要注意。呵呵。
splice()可以把元素从数组中删除,也可以将新元素插入到数组中,或者是同时执行这两种操作,听起来很是怪异。位于被插入了或删除了的元素之后的数组元素会进行必要的移动,以便能够和数组余下的元素保持连续性。splice()的第一个参数指定了要插入或删除的元素在数组中的位置。第二个参数则指定了要从数组中删除的元素个数。如果第二个参数缺省,那么将删除从开始元素到数组结尾处的所有元素。splice()返回的是删除了元素之后的数组,如果没有删除任何元素,则返回一个空数组。
//在新的arr上面进行操作

 代码如下 复制代码

var arr = [1,2,3,4,5,6,7,8];
arr.splice(4); //返回的是[5,6,7,8]被删除的部分,arr变成了[1,2,3,4]
alert(arr.join()); //1,2,3,4
arr.splice(1,2); //返回的是[2,3],arr变成了[1,4]

arr.splice(1,1); //

返回的是[4],arr变成了[1]splice()的前两个参数指定了应该删除的数组元素。这两个参数之后还可以有任意多个额外的参数,它们指定的是要从第一个参数指定的位置处开始插入的元素

 代码如下 复制代码

var arr = [1,2,3,4,5];

arr.splice(2,0,'a','b'); //返回[],arr变成[1,2,'a','b',3,4,5]

arr.splice(2,2,[1,2],3); //返回['a','b'],arr变成[1,2,[1,2],3,3,4,5]呼,

这篇写的实在不爽

时间: 2024-09-26 02:17:14

javascript常用的数组方法介绍的相关文章

Javascript中的call()方法介绍

 这篇文章主要介绍了Javascript中的call()方法介绍,本文讲解了Call() 语法.Call() 参数.Javascript中的call()方法.Call()方法的实例等内容,需要的朋友可以参考下     在Mozilla的官网中对于call()的介绍是: 代码如下: call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法. Call() 语法 代码如下: fun.call(thisArg[, arg1[, arg2[, ...]]])   Cal

JavaScript中使用数组方法汇总_javascript技巧

定义数组 复制代码 代码如下: Var arryMap = {riskId:"<%=riskid%>",riskType:"<%=risktype%>"}; 或 复制代码 代码如下: Var arry =[]; 使用: var risk = arryMap.riskId; Arry.push({id:"1",name:"1"}); Arry.push({id:"2",name:&qu

JavaScript常用对象的方法和属性小结_javascript技巧

本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩的网页.在这一部分里,我们将介绍到如何使用与串对象有关的方法和属性. 1.串对象的length属性 串对象仅有一个属性length,这个属性值表示这个串所包括字符的相对数目.语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法以帮助控制显示信息.串方法可以分为几个大类,如属性方

JavaScript中的异常处理方法介绍

 这篇文章主要介绍了详解JavaScript中的异常处理方法,包括基本的try...catch语句和throw语句的使用,需要的朋友可以参考下     有三种类型的编程错误:(1)语法错误和(2)运行时错误(3)逻辑错误: 语法错误: 语法错误,也被称为解析错误,在编译时进行传统的编程语言,并出现在JavaScript解释时. 例如,下面一行将导致一个语法错误,因为它缺少一个右括号: ? 1 2 3 4 5 <script type="text/javascript"> &

JavaScript常用操作数组函数

数组操作函数 join(delimiter)            把数组中各个元素使用分隔符(delimiter)拼成字符串 concat(array1, array2, -)           合并数组,对原数组不影响,只是返回合并后的新数组 pop()                    删除并返回最后一个元素 push(element1, element2, -)            在数组末尾追加元素 shift()                  删除并返回第一个元素 uns

JavaScript中的数组特性介绍_javascript技巧

与Java语言不同,JavaScript中的数组拥有三个特性:   1.无类型.数组的成员可以是任何类型,同一个数组也可以由很多不同类型的成员所组成. 2.长度可变.数组的长度是可以动态变化的,因此在JavaScript中不存在数组访问的越界问题. 3.不连续性.数组中成员的位置可以是连续的(0, 1, 2, 3-),也可以是不连续的.任何数组都有一个名为length的属性,在数组成员连续的情况下,length值与数组成员数目一致:当数组成员不连续时,length值要大于数组成员的数目.与连续的

Javascript中的call()方法介绍_javascript技巧

在Mozilla的官网中对于call()的介绍是: 复制代码 代码如下: call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法. Call() 语法 复制代码 代码如下: fun.call(thisArg[, arg1[, arg2[, ...]]]) Call() 参数 thisArg 复制代码 代码如下: 在fun函数运行时指定的this值.需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为nul

JavaScript中的every()方法介绍

  JavaScript 数组中的每个方法测试数组中的所有元素是否经过所提供的函数来实现测试. 语法 ? 1 array.every(callback[, thisObject]); 下面是参数的详细信息: callback : 函数用来测试每个元素 thisObject : 对象作为该执行回调时使用 返回值: 返回true,如果此数组中的每个元素满足所提供的测试函数. 兼容性: 这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现.为了使它工作,你需要

javascript中FOREACH数组方法使用示例_基础知识

Array.prototype.forEach()方法让数组的每一项都执行一次给定的函数. - MDN 假设有这么一个场景,你拿到了这么一个数组 [   { symbol: "XFX", price: 240.22, volume: 23432 },   { symbol: "TNZ", price: 332.19, volume: 234 },   { symbol: "JXJ", price: 120.22, volume: 5323 },