浅谈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 相关文章推荐
document.getElementById为空或不是对象的解决方法
Jan 24 Javascript
jquery的live使用注意事项
Feb 18 Javascript
一个简单的Node.js异步操作管理器分享
Apr 29 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
收藏AngularJS中最重要的核心功能
Jul 09 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 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
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
php图片合成方法(多张图片合成一张)
2017/11/25 PHP
thinkPHP5使用Rabc实现权限管理
2019/08/28 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
Extjs grid panel自带滚动条失效的解决方法
2014/09/11 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
2016/06/21 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
Python中私有属性的定义方式
2020/03/05 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
生产部岗位职责范文
2014/02/07 职场文书
《菜园里》教学反思
2014/04/17 职场文书
本科应届生自荐信
2014/06/29 职场文书
党员目标管理责任书
2014/07/25 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
邀请书模板
2015/02/02 职场文书
指导老师鉴定意见
2015/06/05 职场文书
病假证明模板
2015/06/19 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang