浅谈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的一行代码轻松实现拖动效果
Dec 28 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
javascript实现炫酷的拖动分页
May 11 Javascript
jquery trigger实现联动的方法
Feb 29 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
Jan 12 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
Aug 24 Javascript
JavaScript"模拟事件"的注意要点详解
Feb 13 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
May 11 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
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中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
php 目录遍历、删除 函数的使用介绍
2013/04/28 PHP
php函数重载的替代方法--伪重载详解
2015/05/08 PHP
简单的php+mysql聊天室实现方法(附源码)
2016/01/05 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
用js的document.write输出的广告无阻塞加载的方法
2014/06/05 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中几个比较常见的名词解释
2015/07/04 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
Python 实现微信防撤回功能
2019/04/29 Python
python__name__原理及用法详解
2019/11/02 Python
python实现一个猜拳游戏
2020/04/05 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
美国Rue La La闪购网站:奢侈品、中高档品牌限时折扣
2016/10/19 全球购物
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
实习生的自我评价
2014/01/08 职场文书
房屋转让协议书
2014/10/18 职场文书
捐助倡议书
2015/01/19 职场文书
大学生学年个人总结
2015/02/15 职场文书
大队委员竞选稿
2015/11/20 职场文书
2016年父亲节寄语
2015/12/04 职场文书