浅谈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 学习之一 对象访问
Nov 23 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
JS拖拽插件实现步骤
Aug 03 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
js实现点击图片自动提交action的简单方法
Oct 16 Javascript
JS实现字符串转驼峰格式的方法
Dec 16 Javascript
JS触摸与手势事件详解
May 09 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
微信小程序 this.triggerEvent()的具体使用
Dec 10 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
建立动态的WML站点(一)
2006/10/09 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
Windows服务器中PHP如何安装redis扩展
2019/09/27 PHP
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
vue组件watch属性实例讲解
2017/11/07 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
python 获取et和excel的版本号
2009/04/09 Python
python冒泡排序算法的实现代码
2013/11/21 Python
python创建关联数组(字典)的方法
2015/05/04 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
python并发和异步编程实例
2018/11/15 Python
Python常用模块sys,os,time,random功能与用法实例分析
2020/01/07 Python
Python tkinter模版代码实例
2020/02/05 Python
python实现学生成绩测评系统
2020/06/22 Python
制定岗位职责的原则
2013/11/08 职场文书
大专生的学习自我评价
2013/12/04 职场文书
学生感冒英文请假条
2014/02/04 职场文书
2014年向国旗敬礼活动总结
2014/09/27 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python
Python Django ORM连表正反操作技巧
2021/06/13 Python
MySQL数据库简介与基本操作
2022/05/30 MySQL