浅谈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 相关文章推荐
使用apply方法处理数组的三个技巧[译]
Sep 20 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
vue 组件高级用法实例详解
Apr 11 Javascript
javascript中一些奇葩的日期换算方法总结
Nov 14 Javascript
ES6 Map结构的应用实例分析
Jun 26 Javascript
js模拟实现烟花特效
Mar 10 Javascript
解决vue的router组件component在import时不能使用变量问题
Jul 26 Javascript
JS获取当前时间戳方法解析
Aug 29 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
PHP去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
如何用php获取文件名后缀
2013/06/09 PHP
php导出CSV抽象类实例
2014/09/24 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
JavaScript实现复制内容到粘贴板代码
2016/03/31 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
[48:24]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第一场 12.09
2020/12/12 DOTA
python应用程序在windows下不出现cmd窗口的办法
2014/05/29 Python
python实现的一个p2p文件传输实例
2014/06/04 Python
Python抓取百度查询结果的方法
2015/07/08 Python
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
英国床垫在线:Mattress Online
2016/12/07 全球购物
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
大学生的应聘自我评价
2013/12/13 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
支行行长竞聘报告
2014/11/06 职场文书
博士导师推荐信
2015/03/25 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
机器人总动员观后感
2015/06/09 职场文书
开学典礼校长致辞
2015/07/29 职场文书
关于JavaScript轮播图的实现
2021/11/20 Javascript