浅谈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 相关文章推荐
Jquery AJAX 框架的使用方法
Nov 03 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
JS只能输入正整数的简单实例
Oct 07 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
详解webpack进阶之loader篇
Aug 23 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
详解三种方式解决vue中v-html元素中标签样式
Nov 22 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
Dec 30 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
Layui表格行工具事件与数据回填方法
Sep 13 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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伪造referer实例代码
2008/09/20 PHP
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
PHP输出日历表代码实例
2015/03/27 PHP
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
Seajs的学习笔记
2014/03/04 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
巧用数组制作图片切换js代码
2016/11/29 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
vue 实现图片懒加载功能
2020/12/31 Vue.js
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
django教程如何自学
2020/07/31 Python
python 制作磁力搜索工具
2021/03/04 Python
金鑫耀Java笔试题
2014/09/06 面试题
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
和平主题的演讲稿
2014/01/12 职场文书
公司合作意向书
2014/04/01 职场文书
教师个人自我评价范文
2014/04/13 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
好的促销活动方案
2014/08/21 职场文书
处级干部考察材料
2014/12/24 职场文书
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL