浅谈js数组和splice的用法


Posted in Javascript onDecember 04, 2016

首先添加一个splice函数:

splice:该方法的作用就是从数组中删除一个元素

array.splice(index,count,value....);

index:表示从哪一个下标开始,

count:表示删除元素的个数

value:代表增加的元素

example:

1.var array = new Array(1,2,3,4,5,6);

array.splice(0,1,2)

result:2,2,3,4,5

2.var array = new Array(1,2,3,4,5,6);

array.splice(0,0,2)
result:2,1,2,3,4,5

3.var array = new Array(1,2,3,4,5,6);

array.splice(0,0,2,3,4)

2,3,4,1,2,3,4,5,6

1、数组的创建

var arr = new Array(); arr[0] = "aaa";arr[1] = "bbb";arr[2] = "ccc"; 

var a = [1,2,3,4,5];

var c = new Array("first", "second", "third");

或者数组直接量:

var d = ["first", "second", "third"];

var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问

var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3、数组元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4、数组元素的删除

var a = new Array("first", "second", "third") ;  delete a[1] ;  document.write(a.length) //显示的结果是3,说明即使删除也无法改变数组的长度

arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、数组的截取和合并

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、数组的拷贝

arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、数组元素的排序

arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址

8、数组元素的字符串化

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

以上这篇浅谈js数组和splice的用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 无符号右移赋值操作
Apr 17 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
Zabbix添加Node.js监控的方法
Oct 20 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 Javascript
解决百度Echarts图表坐标轴越界的方法
Oct 17 Javascript
详解Vue组件之间通信的七种方式
Apr 14 Javascript
vue通信方式EventBus的实现代码详解
Jun 10 Javascript
JavaScript对象原型链原理详解
Feb 05 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 #Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 #Javascript
jquery select2的使用心得(推荐)
Dec 04 #Javascript
Jquery删除css属性的简单方法
Dec 04 #Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 #Javascript
jQuery根据ID、CLASS、等获取对象的实例
Dec 04 #Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
Dec 04 #Javascript
You might like
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
2014/08/16 Javascript
基于jquery实现简单的手风琴特效
2015/11/24 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
vue实现百度搜索功能
2020/12/28 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
解决vue组件销毁之后计时器继续执行的问题
2020/07/21 Javascript
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
Python实现的选择排序算法示例
2017/11/29 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
2014年党支部书记工作总结
2014/12/04 职场文书
人事任命通知书
2015/04/21 职场文书
幼儿园校车安全责任书
2015/05/08 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
数学复习课教学反思
2016/02/18 职场文书
python 经纬度求两点距离、三点面积操作
2021/06/03 Python
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js