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 相关文章推荐
jQuery代码优化 遍历篇
Nov 01 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
ajax提交表单实现网页无刷新注册示例
May 08 Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
May 09 Javascript
vue页面跳转后返回原页面初始位置方法
Feb 11 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 Javascript
vue axios数据请求get、post方法及实例详解
Sep 11 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 10 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中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
2015/10/22 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
基于JS实现web端录音与播放功能
2019/04/17 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
2019/07/19 Javascript
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
HTML5 实战PHP之Web页面表单设计
2011/10/09 HTML / CSS
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
运动会广播稿200字
2014/01/15 职场文书
办公室文员工作职责
2014/01/31 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
加油口号大全
2014/06/13 职场文书
党性教育心得体会
2014/09/03 职场文书
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL