浅谈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 相关文章推荐
js获取变量
Aug 24 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
prototype.js常用函数详解
Jun 18 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
Jun 19 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
基于Two.js实现星球环绕动画效果的示例
Nov 06 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
不使用 JS 匿名函数理由
Nov 17 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 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
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
javascript 正则表达式相关应介绍
2012/11/27 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
vue项目中openlayers绘制行政区划
2020/12/24 Vue.js
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python的高级Git库 Gittle
2014/09/22 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
python中requests和https使用简单示例
2018/01/18 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
Merrell迈乐澳大利亚网站:购买户外登山鞋
2017/05/28 全球购物
网站编辑求职信
2013/10/17 职场文书
公司离职证明范本
2014/01/13 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
出国签证在职证明
2014/09/20 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2016年党员创先争优承诺书
2016/03/25 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
理解python中装饰器的作用
2021/07/21 Python
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers