javascript 数组方法总结-阿里云开发者社区

开发者社区> shy丶gril> 正文

javascript 数组方法总结

简介:
+关注继续查看

1.push():在数组尾部添加一个或多个元素,返回数组新的长度

 arrayObject.push(newelement1,newelement2,....,newelementX)

 newelement1:必需要添加的参数。要添加到数组的第一个元素,剩下的参数可选。 

复制代码
var a=['hello','world'];
var length= a.push(2,[4,3]);
 console.log(a); //[ 'hello', 'world', 2, [ 4, 3 ] ]
 console.log(a.length);//4;
 console.log(length);//4;返回值

 length=a.push(4);
 console.log(a); //[ 'hello', 'world', 2, [ 4, 3 ], 4 ]
 console.log(a.length); //5
 console.log(length);//5;返回值
复制代码

 2.pop():删除数组最后一个元素,返回删除的值,如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。 

复制代码
 var a=['hello','world',1,2,'hi'];
  var arg=a.pop();
 console.log(arg);//hi;返回值为删除的元素,删除数组最后一个元素
 console.log(a);//[ 'hello', 'world', 1, 2 ]
 
 //当数组为空
 var arr=[];
 console.log(arr.pop());//undefined
 console.log(arr);//[]
复制代码

3.shift():删除数组第一个元素,返回删除的值,如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值 

复制代码
var a=['hello','world',1,2,'hi'];

 var arg=a.shift();
 console.log(arg);//hello;返回值为删除的元素,删除数组的第一个元素
 console.log(a);//[ 'world', 1, 2, 'hi' ]

 //当数组为空
 var arr=[];
 console.log(arr.shift());//undefined
 console.log(arr);//[]
复制代码

4. unshift():在数组头部添加一个或多个元素,返回数组新的长度

 arrayObject.unshift(newelement1,newelement2,....,newelementX)

 newelement1:必需添加的参数,向数组添加的第一个元素,剩余参数可选

var a=['hello','world'];
 var newlength=a.unshift('how',[8,9],'are');
 console.log(newlength);//5;返回值为新数组的长度
 console.log(a);//[ 'how', [ 8, 9 ], 'are', 'hello', 'world' ]

5.splice(index,howmany,element1,... ...,elementN):从指定位置删除指定数量元素并增加新的元素,先执行删除操作,删除指定个数的元素,然后再插入元素或数组,splice是直接对原数组进行操作,返回值是被删除的元素组成的数组.

   index:指定位置删除或插入

   howmany:删除多少元素

   elements:插入元素

var a=['hello','world','how','are','you'];

 var arg= a.splice(2,1,'?','what');
 console.log(arg);//[ 'how' ];返回值删除的元素
 console.log(a);//[ 'hello', 'world', '?', 'what', 'are', 'you' ]

6.concat():把数组原来的元素和新的元素连接起来存放在创建的新数组里,原数组保持不变,返回创建的新数组

  arrayObject.concat(arrayX,arrayX,......,arrayX)

  arrayX:必需参数,该参数可以是具体的值,也可以是数组对象。可以是任意多个

var a=['hello','world'];

 var arg= a.concat('how','are','you');
 console.log(arg);//[ 'hello', 'world', 'how', 'are', 'you' ];返回值为连接后的新数组
 console.log(a);//[ 'hello', 'world' ]

7.slice(start, [end]) ):返回指定数组的一段

 start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

 end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

复制代码
var a=['hello','world','how','are','you'];

 var arg= a.slice(3);
 console.log(arg);//[ 'are', 'you' ];返回值为从3开始到数组末尾的数组片段
 console.log(a);//[ 'hello', 'world', 'how', 'are', 'you' ]
 console.log(a.slice(3,2));//[]
 console.log(a.slice(3,4));//[ 'are' ]
 console.log(a.slice(3,-1));//[ 'are' ]
 console.log(a.slice(3,-2));//[]
 console.log(a.slice(0,-3));//[ 'hello', 'world' ]
 console.log(a.slice(-5,-3));//[ 'hello', 'world' ]
复制代码

8. join():将数组的所有元素,用选定的分隔符,转化为字符串并连接在一起,返回最后生成的字符串,不指定分隔符默认用逗号(,)   

复制代码
//数组有多个元素
 var a=['hello','world',1,2];
 console.log(a.join());//hello,world,1,2
 console.log(a.join(""));//helloworld12
 console.log(a.join(" "));//hello world 1 2
 console.log(a.join ("="));//hello=world=1=2
//数组有一个元素
 var a=['hello'];
 console.log(a.join());//hello
 console.log(a.join(""));//hello
 console.log(a.join(" "));//hello
 console.log(a.join ("="));//hello
复制代码

9. sort():返回排序后数组。没有参数,默认按照字母排序

arrayObject.sort(sortby)

复制代码
var a=['e','a','d','c','b'];
 console.log(a.sort());//[ 'a', 'b', 'c', 'd', 'e' ],返回值为排序后的数组,没有参数默认为按照字母排序
 console.log(a);//[ 'a', 'b', 'c', 'd', 'e' ]
 var b=[1,300,20,250,100];
 console.log(b.sort(sort));//[ 1, 20, 100, 250, 300 ]从小到大
 var b1=[1,300,20,250,100];
 console.log(b1.sort(sortReverse));//[ 300, 250, 100, 20, 1 ],从大到小
 function sort(a,b){
     return a-b;
 }
 function sortReverse(a,b){
     return b-a;
 }
复制代码

10.reverse() :方法用于颠倒数组中元素的顺序。

var a=['e','a','d','c','b'];
 console.log(a.reverse());//[ 'b', 'c', 'd', 'a', 'e' ],返回值为颠倒后的数组
 console.log(a);//[ 'b', 'c', 'd', 'a', 'e' ]

11.toSource() :表示对象的源代码,通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

12.toString():把数组转换为字符串,并返回结果。

var a=['e','a','d','c','b'];
 console.log(a.toString());//e,a,d,c,b,返回值为字符串
 console.log(a);// ['e', 'a', 'd', 'c', 'b' ]

13.toLocaleString():把数组转换为本地字符串。

arrayObject.toLocaleString() 

14.valueOf() :返回 Array 对象的原始值,通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

 

 

 


 

作者:绿茶叶 
出处:http://www.cnblogs.com/greenteaone/ 
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载:http://www.cnblogs.com/greenteaone/p/4193146.html

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
25个JavaScript数组方法代码示例
摘要: 通过代码掌握数组方法。 原文:通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏) 译者:前端小智 Fundebug经授权转载,版权归原作者所有。 要在给定数组上使用方法,只需要通过[].方法名即可,这些方法都定义在 Array.prototype 对象上。
3408 0
javascript中对字符串的操作总结
原文:javascript中对字符串的操作总结 没听过一句话吗?程序员的世界,不处理字符串就是处理数组。这是群里的一位前辈和我说的,显然这和我之前理解的DOM是javascript的核心的不同的,看了几个面试题的内容,感觉前辈说的话非常的有道理,因此总结下,javascript中对字符串的操作。
782 0
Java基础-07.总结private,this,封装,static,成员方法变量,局部变量匿名对象
1:成员变量和局部变量的区别(理解)(1)在类中的位置不同成员变量:类中方法外局部变量:方法定义中或者方法声明上(2)在内存中的位置不同 成员变量:在堆中局部变量:在栈中(3)生命周期不同(成员的创建与销毁时间)成员变量:随着对象的创建而存在,随着对象的消失而消失局部变量:随着方法的调用而存在,随着方法的调用完毕而消失(4)初始化值不同成员变量:有默认值局部变量:没有默认值,必须定义,赋值
1358 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
7586 0
【iOS7的一些总结】13、UIScrollView的概念和基本使用方法
1、UIScrollView的基本概念 在iOS应用中,使用UIView类来显示一个视图。UIView只是最基本的视图类,单单靠UIView来方便地完成复杂应用开发是不可能的,因此需要多种更加强大的派生类来丰富UIKit的类库。
764 0
Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。
796 0
+关注
1878
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载