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技术-屏蔽类
Aug 15 Javascript
Prototype 工具函数 学习
Jul 23 Javascript
讲解JavaScript中for...in语句的使用方法
Jun 03 Javascript
浅谈JavaScript中指针和地址
Jul 26 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
form表单序列化详解(推荐)
Aug 15 Javascript
解析Vue.js中的组件
Feb 02 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
js实现踩五彩块游戏
Feb 08 Javascript
JS异步宏队列微队列原理详解
Sep 09 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树的代码,可以嵌套任意层
2006/10/09 PHP
PHP伪造referer实例代码
2008/09/20 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
jQuery实现百度登录框的动态切换效果
2017/04/21 jQuery
Vue精简版风格指南(推荐)
2018/01/30 Javascript
浅谈vue项目如何打包扔向服务器
2018/05/08 Javascript
Vue开发实现吸顶效果的示例代码
2018/08/21 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
vue data恢复初始化数据的实现方法
2019/10/31 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
Python中多线程的创建及基本调用方法
2016/07/08 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
Django 通过JS实现ajax过程详解
2019/07/30 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
python str字符串转uuid实例
2020/03/03 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
求职简历中个人的自我评价
2013/12/01 职场文书
一夜的工作教学反思
2014/02/08 职场文书
网站美工岗位职责
2014/04/02 职场文书
食品流通安全承诺书
2014/05/22 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
Python实现单例模式的5种方法
2021/06/15 Python
Python 数据科学 Matplotlib图库详解
2021/07/07 Python