浅谈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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
jQuery中的常用事件总结
Dec 27 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
使用vue构建多页面应用的示例
Oct 22 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
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
jQuery弹出层插件popShow用法示例
2017/01/23 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
jQuery中$原理实例分析
2018/08/13 jQuery
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
python3爬虫怎样构建请求header
2018/12/23 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
2019/06/25 Python
Python编程中类与类的关系详解
2019/08/08 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
Python常用GUI框架原理解析汇总
2020/12/07 Python
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
计算机应用职专应届生求职信
2013/11/12 职场文书
企划专员岗位职责
2013/12/09 职场文书
社会实践活动总结范文
2014/07/03 职场文书
食品安全承诺书范文
2014/08/29 职场文书
2015年元旦标语大全
2014/12/09 职场文书
2015年中秋节主持词
2015/07/30 职场文书
Python 如何实现文件自动去重
2021/06/02 Python
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android