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 相关文章推荐
一个简单的js鼠标划过切换效果
Jun 30 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
Javascript中引用类型传递的知识点小结
Mar 06 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
JS简单实现数组去重的方法分析
Oct 14 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
详解小程序云开发数据库
May 20 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 Javascript
js实现无缝轮播图插件封装
Jul 31 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 裁剪图片成固定大小代码方法
2009/09/09 PHP
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
javascript与CSS复习(二)
2010/06/29 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
js库Modernizr的介绍和使用
2015/05/07 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
Vue实现移动端拖拽交换位置
2020/07/29 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
Python中zip()函数用法实例教程
2014/07/31 Python
python实现多线程的两种方式
2016/05/22 Python
Python开发的实用计算器完整实例
2017/05/10 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
Python3离线安装Requests模块问题
2019/10/13 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
新娘父亲婚礼致辞
2014/01/16 职场文书
恐龙的灭绝教学反思
2014/02/12 职场文书
办理房产证委托书
2014/09/18 职场文书
工作调动申请报告
2015/05/18 职场文书
搞笑婚庆主持词
2015/06/29 职场文书
服装店员工管理制度
2015/08/07 职场文书
导游词之日月潭
2019/11/05 职场文书
pandas进行数据输入和输出的方法详解
2022/03/23 Python