浅谈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的message插件实现右下角弹出消息框
Jan 11 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 Javascript
Javascript中数组方法汇总(推荐)
Apr 01 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
Nov 19 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
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
深入php多态的实现详解
2013/06/09 PHP
解析php中获取url与物理路径的总结
2013/06/21 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
JS循环遍历JSON数据的方法
2014/07/08 Javascript
JS是按值传递还是按引用传递
2015/01/30 Javascript
Javascript中的Callback方法浅析
2015/03/15 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
vue模板语法-插值详解
2017/03/06 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
python使用yield压平嵌套字典的超简单方法
2019/11/02 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
蒂娜商店:Tiina the Store
2019/12/07 全球购物
如何唤起类中的一个方法
2013/11/29 面试题
社区党员先进事迹
2014/01/22 职场文书
刘胡兰观后感
2015/06/16 职场文书
Apache Kafka 分区重分配的实现原理解析
2022/07/15 Servers