js数组常用操作方法小结(增加,删除,合并,分割等)


Posted in Javascript onAugust 02, 2016

本文实例总结了js数组常用操作方法。分享给大家供大家参考,具体如下:

var arr = [1, 2, 3, 4, 5];
//删除并返回数组中第一个元素
var theFirst = arr.shift();
alert(theFirst);//返回1 number
alert(arr);//2,3,4,5 object
//删除并返回数组中最后一个元素
var theLast = arr.pop();
alert(theLast);//返回5 number
alert(arr);//2,3,4 object
//在数组开始增加一个或多个元素,并返回数组长度
var theNewArrStart = arr.unshift(-1, 0);
alert(theNewArrStart);//返回5 number
alert(arr);//-1,0,2,3,4 object
//在数组结尾增加一个或多个元素,并返回数组长度
var theNewArrEnd = arr.push(5, 6);
alert(theNewArrEnd);//返回7 number
alert(arr);//-1,0,2,3,4,5,6 object
//从第i(数组索引)个位置删除n个元素
arr.splice(1, 2);
alert(arr);//-1,3,4,5,6 object
//从第i(数组索引)个位置删除n个元素,并插入s个新元素
arr.splice(1, 2, 10, 11, 12);
alert(arr);//-1,10,11,12,5,6 object
//合并2个或多个数组(concat中的参数可以为单个的值,也可以为数组,并且可以有多个值或数组)
var arr1 = [7, 8];
var arrCon = arr.concat(arr1);
alert(arrCon);//-1,10,11,12,5,6,7,8 object
//将数组中的元素使用特定的字符分隔,并返回字符串(如果不设置特定分割字符,则默认为逗号)
var theSep = arrCon.join('-');
alert(theSep);//-1-10-11-12-5-6-7-8 string
//点到数组中元素的顺序
var theRev = arrCon.reverse();
alert(theRev);//8,7,6,5,12,11,10,-1

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Dec 02 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
js constructor的实际作用分析
Nov 15 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 Javascript
javascript如何实现create方法
Nov 04 Javascript
实现React单页应用的方法详解
Aug 02 #Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 #Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 #Javascript
AngularJS ng-mousedown 指令
Aug 02 #Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 #Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 #Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 #Javascript
You might like
简单的PHP留言本实例代码
2010/05/09 PHP
php微信支付之APP支付方法
2015/03/04 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
PHP文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
Javascript 作用域使用说明
2009/08/13 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
javascript初学者常用技巧
2014/09/02 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
详解Vue Cli浏览器兼容性实践
2020/06/08 Javascript
Python内置函数的用法实例教程
2014/09/08 Python
python实现给字典添加条目的方法
2014/09/25 Python
python 循环while和for in简单实例
2016/08/16 Python
python集合是否可变总结
2019/06/20 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
轻松制作精彩视频:Animoto
2018/09/19 全球购物
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
Java面试题及答案
2012/09/08 面试题
介绍下java.util.Arrays类
2012/10/16 面试题
兰兰过桥教学反思
2014/02/08 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
售房协议书范本2014
2014/10/23 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
2015年学校教务处工作总结
2015/05/11 职场文书
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis
Elasticsearch 数据类型及管理
2022/04/19 Python