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 相关文章推荐
jQuery 幻灯片插件(带缩略图功能)
Jan 24 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
JQuery CheckBox(复选框)操作方法汇总
Apr 15 Javascript
Three.js快速入门教程
Sep 09 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
Jquery获取radio选中的值
May 05 jQuery
简单了解Ajax表单序列化的实现方法
Jun 14 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 19 Javascript
java遇到微信小程序 "支付验证签名失败" 问题解决
Dec 22 Javascript
微信小游戏中three.js离屏画布的示例代码
Oct 12 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
当海贼王变成JOJO风
2020/03/02 日漫
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
PHP 编写大型网站问题集
2010/05/07 PHP
header跳转和include包含问题详解
2012/09/08 PHP
用php随机生成福彩双色球号码的2种方法
2013/02/04 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
IE6-8中Date不支持toISOString的修复方法
2014/05/04 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
几行js代码实现自适应
2017/02/24 Javascript
JS常见算法详解
2017/02/28 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
快速了解Python中的装饰器
2018/01/11 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
python实现flappy bird游戏
2018/12/24 Python
django settings.py 配置文件及介绍
2019/07/15 Python
django多对多表的创建,级联删除及手动创建第三张表
2019/07/25 Python
Python列表元素常见操作简单示例
2019/10/25 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
销售业务实习自我鉴定
2013/09/23 职场文书
养殖行业的创业计划书
2014/01/05 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
建议书范文
2015/02/05 职场文书
MySQL视图概念以及相关应用
2022/04/19 MySQL