js中数组的常用方法小结


Posted in Javascript onDecember 30, 2016

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

push 方法

该方法会把一个元素或一组元素(数组)添加到当前数组的末尾。

eg:

var arr1 = [1, 2, 3];
arr1.push([4, 5]);

arr1的结果是[1, 2, 3, 4, 5]

concat 方法

该方法会把两个数组或元素组合在一起,但是不会改变调用者的结构

eg:

var arr1 = [1, 2, 3];
var arr2 = [4, 5];
var arr3 = arr1.concat(arr2);

arr1的值:[1, 2, 3];
arr3的值:[1, 2, 3, 4, 5]

pop 方法

该方法作用是删除数组中最后一个元素,并返回删除的元素

eg:

var arr1 = [1, 2, 3];
var val = arr1.pop();

val的值:3
arr1的值:[1, 2]

splice 方法

该方法能删除指定的元素,或者插入指定的元素,函数原型 splice(index,howmany,element1,.....,elementX)

index表示要删除的开始下标, howmany表示要删除的元素个数,element(可选)从index开始,要插入的元素,该方法的返回值是被删除掉的那部分数组

eg:

var arr1 = [1, 2, 3, 4, 5];
var arr2 = arr1.splice(0, 2);
alert(arr1);
alert(arr2);

arr1的值:[3, 4, 5]
arr2的值:[1, 2]

PS:这个方法一般我用的比较多的就是删除数组的所有元素:arr1.splice(0, arr1.length);

reverse 方法

该 颠倒数组中元素的顺序

join 方法

返回一个字符串,字符串的内容是数组的所有元素,元素之间通过指定的分隔符进行分隔。

eg:

var arr1 = [1, 2, 3];
var str = arr1.join("--");
alert(str);

str的值:1--2--3

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

Javascript 相关文章推荐
JQuery this 和 $(this) 的区别
Aug 23 Javascript
使用jquery实现简单的ajax
Jul 08 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
jQuery循环遍历子节点并获取值的方法
Apr 14 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
Vue.directive()的用法和实例详解
Mar 04 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
javascript实现固定侧边栏
Feb 09 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 #Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 #Javascript
详解JS对象封装的常用方式
Dec 30 #Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 #Javascript
jQuery与js实现颜色渐变的方法
Dec 30 #Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 #Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 #Javascript
You might like
PHP DataGrid 实现代码
2009/08/12 PHP
PHP设计模式 注册表模式
2012/02/05 PHP
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
jQuery中each遍历的三种方法实例分析
2018/09/07 jQuery
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
python字典快速保存于读取的方法
2018/03/23 Python
django 多对多表的创建和插入代码实现
2019/09/09 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
详解CSS3 弹性布局快速入门
2019/06/06 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
同学聚会欢迎辞
2014/01/14 职场文书
请假条的格式
2014/04/11 职场文书
学生期末评语大全
2014/04/30 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
测绘工程专业求职信
2014/07/15 职场文书
护士医德医风自我评价
2014/09/15 职场文书
计算机实训报告范文
2014/11/05 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js
Javascript webpack动态import
2022/04/19 Javascript