一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript数组操作(去重,排序,连接)

时间:2014-04-16 编辑:简简单单 来源:一聚教程网

1、数组的创建

 代码如下 复制代码

 var arrayObj = new Array(); //创建一个数组

var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值

 

     要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问

 

 代码如下 复制代码

 

var testGetArrValue=arrayObj[1]; //获取数组的元素值

arrayObj[1]= "这是新值"; //给数组元素赋予新的值

 

 

3、数组元素的添加

 

代码
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
  

4、数组元素的删除

 

 代码如下 复制代码

arrayObj.pop(); //移除最后一个元素并返回该元素值

arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移

arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
 

 

5、数组的截取和合并

 

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组
 

 

6、数组的拷贝

 

 代码如下 复制代码

 

arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向

arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

 

 

7、数组元素的排序

 

 代码如下 复制代码

 

arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址

arrayObj.sort(); //对数组元素排序,返回数组地址
 

 

8、数组元素的字符串化

 

 代码如下 复制代码

 

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

例子

 代码如下 复制代码





数组的方法



一聚教程网

结果

1,2,3
1,2,3,4,5
jack,jonhn,tom,jim,111com.net
join方法
1,2,3
1.2.3
join()的返回值类型为:string
3
1,2
4
1,2,3,111com.net
3,2,1
3,2,1
true
1
2,3
4
d,a,b,c
b,c
a,b,c
a,b,caibaojian,c,d
a,d
a,c,f,h
a,c,f,h
1,100,1000,104,30,4,40
1,4,30,40,100,104,1000
a,b,c,d
toString的返回值类型为:string

数组去重

1. 删除后面重复的:

 代码如下 复制代码
function ov1(arr){
    //var a1=((new Date).getTime())
    for(var i=0;i         for(var j=i+1;j             if(arr[i]===arr[j]){arr.splice(j,1);j--;}           
    //console.info((new Date).getTime()-a1)               
    return arr.sort(function(a,b){return a-b});
}

2. 这个是常规的方法,比较好理解,如果相同则跳出循环

 代码如下 复制代码
function ov2(a) {
    //var a1=((new Date).getTime())
    var b = [], n = a.length, i, j;
    for (i = 0; i < n; i++) {
        for (j = i + 1; j < n; j++)
            if (a[i] === a[j]){j=false;break;}
        if(j)b.push(a[i]);
        }
    //console.info((new Date).getTime()-a1)   
    return b.sort(function(a,b){return a-b});
}

3. 这个我花了好长时间明白的,这里j循环虽然继续了,但是i值已经改变了。就等于是一个新的i循环:

 代码如下 复制代码
function ov3(a) {
    //var a1=((new Date).getTime())
    var b = [], n = a.length, i, j;
    for (i = 0; i < n; i++) {
        for (j = i + 1; j < n; j++)
        if (a[i] === a[j])j=++i
    b.push(a[i]);}
    //console.info((new Date).getTime()-a1)   
    return b.sort(function(a,b){return a-b});
}

4. 保证新数组中的都是唯一的

 代码如下 复制代码
function ov4(ar){
//var a1=((new Date).getTime())
    var m=[],f;
    for(var i=0;i     f=true;
    for(var j=0;j     if(ar[i]===m[j]){f=false;break;};
    if(f)m.push(ar[i])}
//console.info((new Date).getTime()-a1)   
    return m.sort(function(a,b){return a-b});
}

5. 用对象属性

 代码如下 复制代码
function ov5(ar){
//    var a1=(new Date).getTime()
var m,n=[],o= {};
for (var i=0;(m= ar[i])!==undefined;i++)
if (!o[m]){n.push(m);o[m]=true;}
//    console.info((new Date).getTime()-a1)   
return n.sort(function(a,b){return a-b});;
}

写的函数太厉害了

结果

默认数组为:1,2,3,4,2,3
去重后的数组为:1,4,2,3
排序后的数组为:1,2,3,4
使用unique():2,3,4,34
ov1去重:1,2,4,10,22,23,24,40,42,44,100,1000,4444,dd,oooo,ooooo
ov2去重:1,oooo,40,4,22,2,4444,ooooo,100,44,1000,10,42,23,24,dd

常用的Array 对象方法

pse: collapse; font: 14px/25px 'Microsoft YaHei', Helvetica, arial; white-space: normal; orphans: 2; letter-spacing: normal; color: rgb(61,61,61); border-top: rgb(221,221,221) 1px solid; border-right: rgb(221,221,221) 1px solid; word-spacing: 0px; padding-top: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">
方法 描述
concat() 连接两个或更多的数组,并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素。
toSource() 返回该对象的源代码
toString() 把数组转换为字符串,并返回结果。
toLocaleString() 把数组转换为本地数组,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值

热门栏目