js数组和splice的用法 js数组和splice怎么用

首先添加一个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的用法的全部内容了,希望大家在看完这篇文章能有所收获。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索数组
, 字符串
, 排序
, new
array
js数组splice用法、js中splice用法、js中splice的用法、js splice的用法、js 数组 splice,以便于您获取更多的相关知识。

时间: 2024-10-07 23:48:09

js数组和splice的用法 js数组和splice怎么用的相关文章

JS中Array数组的三大属性用法

原文:JS中Array数组的三大属性用法 Array数组主要有3大属性,它们分别是length属性.prototype属性和constructor属性. JS操作Array数组的方法及属性 本文总结了Array数组的3个属性,length属性.prototype属性.constructor属性使用,并附注Array数组对象的8个分类及多个方法使用,具体如下: 对象的3个属性 1.length属性 length属性 Length属性表示数组的长度,即其中元素的个数.因为数组的索引总是由0开始,所以

js 添加/删除数组元素 定义和用法

<script> var a = new array(1, 2, 3) var b = a.push(4,5,[6,7]) //a为[1, 2, 3, 4, 5, [6, 7]]  b为6  注意push()方法不会帮你打开一个数组 var c = new array(1, 2, 3, 4, "first") var d = c.pop() //c为[1, 2, 3, 4]  d为字符串形式的"first" </script> 更多详细内容请

js中的对象声明方式以及数组的一些用法

 本文为大家介绍下js中的对象声明方式以及数组的一些用法,下面有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助  代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <title> New Document &l

js console.log打印对像与数组用法详解_javascript技巧

本文实例讲述了js console.log打印对像与数组用法.分享给大家供大家参考,具体如下: console.log是什么东西,其实就是一个打印js数组和对像的函数而已,就像是php的print_r,var_dump.console.log这个函数本身没什么好说的,这篇博客告诉大家怎么去用这个函数.在说这个函数之前,我想大家用的最多查看js输出,是alert吧,但是alert,只能弹string或者是int的 一.测试文件test.html <html xmlns="http://www

js split 的用法和定义 js split分割字符串成数组的实例代码_基础知识

关于js split的用法其它也不多说什么,下面直接举例给大家看看 复制代码 代码如下: <script language="javascript"> str="2,2,3,5,6,6"; //这是一字符串 var strs= new Array(); //定义一数组 strs=str.split(","); //字符分割 for (i=0;i<strs.length ;i++ ) { document.write(strs[i

JS返回只包含数字类型的数组实例分析_javascript技巧

本文实例分析了JS返回只包含数字类型的数组实现方法.分享给大家供大家参考,具体如下: 实现效果如:js123ldka78sdasfgr653 => [123,78,653] 一般做法 分析: 1.循环字符串每个字符,是数字的挑出来拼接在一起,不是数字的,就给他空的拼个逗号 2.将新字符串每一位转换为数组,再次遍历,存在的挑出来,即得到结果 var str="js123ldka78sdasfgr653"; var new_str=""; var arr=[];

js利用数组length属性清空和截短数组的小例子

 这篇文章主要介绍了js利用数组length属性清空和截短数组的小例子,有需要的朋友可以参考一下 1.使用length清空数组:    代码如下: <script>     var arr1 = ['aaa','bbbb','http://www.jb51.net'];     alert(arr1);     arr1.length = 0;     alert(arr1); //数组为空 </script>     2.使用length截短数组:    代码如下: <sc

js判断数据类型如判断是否为数组是否为字符串等等

 js判断数据类型如判断是否为数组类型.判断是否为字符串类型.判断是否为数值类型等等,本文有几个不错的示例,大家可以学习下 1 判断是否为数组类型  2 判断是否为字符串类型  3 判断是否为数值类型  4 判断是否为日期类型  5 判断是否为函数  6 判断是否为对象    1 判断是否为数组类型   代码如下: <script type="text/javascript">  //<![CDATA[  var a=[0];  document.write(isAr

js处理自己不能定义二维数组的方法详解

 本篇文章主要是对js处理自己不能定义二维数组的方法进行了介绍,需要的朋友可以过来参考下,希望读大家有所帮助  代码如下: var a= new Array(new Array(1,2),new Array('b','c'));  document.write(a[1][1]);  说白了,就是利用for循环定义二维数组!  ? <script language="javascript" type="text/javascript">      func