javascript数组常用方法汇总
1、join()方法:
Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。案例如下:
1
2
3
4
|
var a=[1,2,3]; a.join(); //=> "1,2,3" 因为没有指定分隔符,默认为逗号。 a.join( "+" ); //=> "1+2+3" 指定分隔符为+ a.join( "-" ); //=> "1-2-3" 指定分隔符为- |
Array.join()方法是String.split()方法的逆操作,后者是将字符串分割成若干块创建一个数组。
2、 reverse()方法:
Array.reverse()方法将数组中元素进行倒叙,返回倒叙的数组,它是在原来数组中进行倒叙,不产生的新数组,返回就是原来的数组,只不过里面元素已经进行倒叙重排了。案例如下:
1
2
|
var a=[1,2,3]; a.reverse(); // =>a=[3,2,1]; |
3、sort()方法:
Array.sort()方法将数组中的元素排序,并返回排序好的数组。如果不传参数默认以字母表顺序进行排序。案例如下:
1
2
3
4
|
var a=[4,3,1,2] a.sort(); // =>[1,2,3,4] a.sort( function (a,b){ return a-b;}); //=>[1,2,3,4] 降序排列 a.sort( function (a,b){ return b-a;}); //=>[4,3,2,1] 升序排列 |
这里使用匿名函数很方便,因为函数只使用一次就没有必要给函数命名了。
4、concat():
Array.concat()方法创建并返回一个新数组,新数组中的元素包含调用数组的元素和concat()中传入参数的值,传入的参数可以是单独数值,也可以是数组,concat()不会递归扁平化数组的数组。案例如下:
1
2
3
4
5
|
var a=[5,6,7]; a.concat(1,2); // =>[5,6,7,1,2]; a.concat([1,2]); // =>[5,6,7,1,2]; a.concat(3,[1,2]); // =>[5,6,7,3,1,2]; a.concat([1,[2,3]]); // =>[5,6,7,1,[2,3]]; |
5、slice()方法:
Array.slice()方法返回指定数组的一个片段或子数组。里面可以传一个参数或两个参数,参数可以为正也可以为负。案例如下:
1
2
3
4
5
|
var a=[5,6,7,3,1,2]; a.slice(1) // =>[6,7,3,1,2] 数字参数指的是数组的索引,一个参数表示开始的位置,不传第二个参数默认为数组中元素个数。 a.slice(1,3) // =>[6,7] 第二参数是数组索引结束位置,(不包含) index>=1&&index<3; a.slice(1,-3) // =>[6,7] 当参数中有负数时候,可以进行转换正数,方法就是-3+6(数组里元素个数) a.slice(-3,-2) // =>[3] 同理如上。 |
6、splice()方法:
Array.splice()方法是在数组中插入或删除的通用方法。它会修改调用的数组,splice()可以传入三个参数,第一参数表示删除元素索引开始的地方,第二参数表示删除元素总数,第三参数,表示插入的元素,元素插入的位置就是删除元素开始的位置。案例如下:
1
2
3
4
|
var a=[5,6,7,3,1,2]; a.splice(2); // =>[7,3,1,2] a=[5,6];//传入一个参数表示从索引开始删除之后所有的元素。 a.splice(2,2); // =>[7,3] a=[5,6,1,2];第二个参数表示删除元素的个数。 a.splice(2,2, 'a' , 'b' , 'c' ); //=>[7,3] a=[5,6,'a','b','c',1,2]; |
7、push()和 unshift()方法:
Array.push()方法就是向数组最后面添加元素,它返回的是新数组的长度;Array.unshift()方法就是向数组最前面添加元素,返回的是新数组的长度。案例如下:
1
2
3
|
var a=[1,2,3]; a.push(4,5); // a=[1,2,3,4,5]; 返回 值为5; a.unshift(4,5); // a=[4,5,1,2,3]; 返回 值为5;☆传的参数可以一个,也可以多个。 |
8、pop()和 shift()方法:
Array.pop()方法就是删除数组中最后一个元素,它返回是删除的元素;Array.shift()方法是删除数组最前面的元素,返回是删除的元素。
1
2
3
|
var a=[5,6,7]; a.pop(); // a=[5,6]; 返回值为 7 a.shift(); // a=[6,7]; 返回值 5 |
javascript数组常用方法汇总的更多相关文章
- JavaScript 数组 常用方法(二)
写在前面:续接上篇 JavaScript 数组 常用方法 数组常用方法第二弹来了: some && every 描述: every()与some()方法都是JS中数组的迭代方法. so ...
- JavaScript数组常用方法解析和深层次js数组扁平化
前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...
- javascript数组操作汇总
javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...
- javascript 数组 常用方法
前言 学学忘忘 闲来做个笔记 整理下数组常用方法. Array 数组常用方法 创建数组的基本方式有两种 1.第一种是使用Array构造函数, var arr = new Array(); ...
- Javascript数组常用方法
一.forEach对数组的遍历 二.map返回经过运算的新数组 三.filter返回满足条件的新数组 四.返回数组前后元素运算的结果 五.every遍历数组每项元素是否满足某个条件,全部满足返回tru ...
- js数组常用方法汇总
判断某个对象是否是数组: instanceof.Array.isArray() 对于一个网页或者一个全局作用域可以使用instanceof操作符. if(value instanceof Array) ...
- javascript数组常用方法详解
1,splice(). array.splice(index,many,list1,list2....) 参数1.index位置 负数为从结尾处算,倒数第一为-1:参数2,many要删除的项目, ...
- javascript中数组常用方法总结
原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...
- JavaScript数组对象常用方法
JavaScript数组对象常用方法 方法 形式 返回值 是否改变原数组 描述 concat -items: ConcatArray[] 追加之后的数组 否 连接两个或更多的数组,并返回结果.注意 c ...
随机推荐
- centos7 开机画面定制
安装包 yum install plymouth-plugin-script 设置开机启动画面 mkdir /usr/share/plymouth/themes/tup 创建主题目录 cp /root ...
- VMware workstaion上传虚拟机到VMware EXSI 5.5
1.首先在VMware Workstation 文件 --- 连接VMware EXSI5.5服务器. 2.输入VMware EXSI 5.5服务器地址.用户名和密码. 3.右键Windows 7 ...
- Python之路-python(Queue队列、进程、Gevent协程、Select\Poll\Epoll异步IO与事件驱动)
一.进程: 1.语法 2.进程间通讯 3.进程池 二.Gevent协程 三.Select\Poll\Epoll异步IO与事件驱动 一.进程: 1.语法 简单的启动线程语法 def run(name): ...
- IE8下JQuery clone 出的select元素使用append添加option异常解决记录
遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefo ...
- SpringMVC源码剖析(一)- 从抽象和接口说起
SpringMVC作为Struts2之后异军突起的一个表现层框架,正越来越流行,相信javaee的开发者们就算没使用过SpringMVC,也应该对其略有耳闻.我试图通过对SpringMVC的设计思想和 ...
- oracle数据库安装
1.oracle10g下载完成后,选择“setup.exe”启动安装. 2.oracle主目录位置就是oracle准备安装的位置,称为"Oracle_Home".Oracle安装的 ...
- MyEclipse项目中的包按层次显示
MyEclipse项目中的包按层次显示 如下图所示: window > Navigation > Show View Menu > Package Presentation ...
- jqgrid定义多选操作
先定义: var SelectRowIndx; 然后加入以下属性: multiselect: true, onSelectRow: function () { SelectRowIndx = G ...
- 用C++实现的SDK跨平台心得体会
C/C++的跨平台特性相比于Java更加原生(Java是一次编译到处运行,而C/C ++则需要拿着源码重新编译一遍),实现一个C/C++跨平台程序一般有几点做法: 1.使用Qt 2.使用ANSI C/ ...
- js中cookie的使用
js中并没有封装好的存储cookie,取得cookie和删除cookie的函数,所以必须得自己手动处理,并且cookie中也只能存储字符串,不能存储数组等复杂的数据类型. // 添加cookie fu ...