JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)


Posted in Javascript onMay 20, 2016

POP 删除最后一项

删除最后一项,并返回删除元素的值;如果数组为空则返回undefine

var a = [1,2,3,4,5];
a.pop();//a:[1, 2, 3, 4]
a.pop();//a:[1, 2, 3]
a.pop();//a:[1, 2]

shift 删除第一项

删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefine

var a = [1,2,3,4,5]; 
a.shift(); //a:[2,3,4,5]
a.shift(); //a:[3, 4, 5]

push 增加到最后

并返回新数组长度;

var a = [1,2,3,4,5]; 
a.push(6);//[1, 2, 3, 4, 5, 6]
aa.push('xx');//[1, 2, 3, 4, 5, 6, "xx"] 返回长度7
a.push('yy');//[1, 2, 3, 4, 5, 6, "xx", "yy"] 返回长度8

unshift增加到最前

并返回新数组长度;

var a = [1,2,3,4,5]; 
a.unshift();//[1, 2, 3, 4, 5]
a.unshift("cc");//["cc", 1, 2, 3, 4, 5] 返回长度6
a.unshift("aaa");//["aaa", "cc", 1, 2, 3, 4, 5] 返回长度7

reverse 数组翻转

并返回翻转后的原数组,原数组翻转了

var a = [1,2,3,4,5]; 
a.reverse()//a:[5, 4, 3, 2, 1] 返回[5, 4, 3, 2, 1]

join数组转成字符串

并返回字符串,原数组木变

var a = [1,2,3,4,5]; 
var b=a.join('||');//b:"1||2||3||4||5" a:[1,2,3,4,5]

indexOf数组元素索引

并返回元素索引,不存在返回-1,索引从0开始

var a = ['a','b','c','d','e']; 
a.indexOf('a');//0
a.indexOf(a);//-1
a.indexOf('f');//-1
a.indexOf('e');//4

slice截取(切片)数组 得到截取的数组

返回从原数组中指定开始索引(包含)到结束索引(不包含)之间的项组成的新数组,原数组木变 ,索引从0开始

var a = ['a','b','c','d','e']; 
a.slice(1,3);//["b", "c"] a:['a','b','c','d','e']
a.slice(0,4);//["a", "b", "c", "d"]
a.slice(3,4);//["d"]

splice剪接数组 原数组变化 可以实现shift前删除,pop后删除,unshift前增加,同push后增加一样的效果

返回剪接的元素数组,原数组变化 ,索引从0开始

/*参数是2个*/
//第一参数是索引(从0开始),第二是长度
var a = ['a','b','c','d','e']; 
a.splice(0,2);//["a", "b"] a:["c", "d", "e"]
a.splice(0,2);//["c", "d"] a:["e"]
var a = ['a','b','c','d','e']; 
a.splice(0,1);//["a"] a:["b", "c", "d", "e"] 同shift前删除
var a = ['a','b','c','d','e']
a.splice(a.length-1,1)l//["e"] a:["a", "b", "c", "d"] 同pop前删除
/*参数大于2个*/
//splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 
var a = ['a','b','c','d','e']; 
a.splice(3,1,10,21,238,99);//["d"] a:["a", "b", "c", 10, 21, 238, 99, "e"]
var a = ['a','b','c','d','e']; 
a.splice(a.length,100000000,88)//返回 [] 从最后元素后面的元素,截取长度任意个,肯定是空 a:["a", "b", "c", "d", "e", 88] 同push后增加
var a = ['a','b','c','d','e']; 
a.splice(a.length,0,88)//返回 [] 从最后元素后面的元素,截取长度任意个,肯定是空 a:["a", "b", "c", "d", "e", 88] 同push后增加
var a = ['a','b','c','d','e'];
a.splice(0,0,88,99)//返回 [] 从第一个元素,截取长度0个 肯定是空 a:[88, 99, "a", "b", "c", "d", "e"] 同unshift前增加

concat数组合并

返回合并后的新数组,原数组木变

var a = ['a','b','c','d','e']; 
a.concat([88,99]);//["a", "b", "c", "d", "e", 88, 99] a:["a", "b", "c", "d", "e"]
var b= [9999,10000]
a.concat(b);// ["a", "b", "c", "d", "e", 9999, 10000] a:["a", "b", "c", "d", "e"]

以上所述是小编给大家介绍的JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
javascript实现信息增删改查的方法
Jul 25 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
JavaScript中关于class的调用方法
Nov 28 Javascript
vue动态删除从数据库倒入列表的某一条方法
Sep 29 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
js实现双色球效果
Aug 02 Javascript
vue实现折线图 可按时间查询
Aug 21 Javascript
AngularJS中的指令全面解析(必看)
May 20 #Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 #Javascript
javascript的理解及经典案例分析
May 20 #Javascript
JS中对象与字符串的互相转换详解
May 20 #Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 #Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 #Javascript
浅析JavaScript Array和string的转换(推荐)
May 20 #Javascript
You might like
PHP安装全攻略:APACHE
2006/10/09 PHP
PHP中simplexml_load_string函数使用说明
2011/01/01 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
2013/04/24 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
完美解决IE不支持Data.parse()的问题
2016/11/24 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
Vue.Draggable拖拽功能的配置使用方法
2020/07/29 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
2020/06/17 Javascript
浅析Python的Django框架中的Memcached
2015/07/23 Python
python 实现对文件夹内的文件排序编号
2018/04/12 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
python生成器推导式用法简单示例
2019/10/08 Python
iPython pylab模式启动方式
2020/04/24 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
单位实习证明怎么写
2014/01/17 职场文书
先进个人获奖感言
2014/01/24 职场文书
法律六进活动方案
2014/03/13 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
保送生自荐信范文
2015/03/26 职场文书
党员转正大会主持词
2015/07/02 职场文书
外出听课学习心得体会
2016/01/15 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python
python 管理系统实现mysql交互的示例代码
2021/12/06 Python