JavaScript学习笔记之数组的增、删、改、查
在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活、强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改。
数组是JavaScript中常见的一个对象,它有一些经典的操作,比如数组的增、删、改、查。在这篇文章中主要整理这方面的相关操作方法。
增加数组项
首先来看如何给一个数组增加数组项。假设有一个数组:
vararr=[];
上面声明了一个数组,但这个数组是一个空数组[],其length的值为0。接下来我们看如何给数组arr增加数组项。最简单的方法可以通过索引值方式,给数组增加数组项:
vararr=[]; arr[0]='a'; arr[1]='b'; arr[2]=1; arr[3]=2; console.log(arr);//["a","b",1,2] console.log(arr.length);//4
另外也可以通过改为数组的length值给数组增加数组项,不过这种方法给数组增加的数组项都是undefined:
vararr=[]; arr[0]='a';//给数组arr添加一个`a`数组项 arr.length=5;//改变数组的`length`值为`5` console.log(arr);//["a",undefined×4]
虽然这种方法也给数组增加了数组项,但相对来说都较为麻烦。其实给数组添加数组项,没有这么麻烦,可以通过数组提供的原生方法给数组添加数组项。
push()
使用push()方法可以给数组末尾添加一个或多个数组项。
vararr=[]; arr.push('a','b'); console.log(arr);//['a','b'] unshift()
使用push()方法可以给数组末尾添加一个或多个数组项,那么使用unshift()方法可以在数组的前面添加一个或多个数组项:
vararr=['a','b']; arr.unshift(1,2); console.log(arr);//[1,2,"a","b"]
除了这两种方法之外,还可以使用splice()方法给数组添加数组项:
vararr=['a','b','c',1,2]; arr.splice(2,0,'d','c','e'); console.log(arr);//["a","b","d","c","e","c",1,2]
另外除了splice()方法之外还可以使用concat()方法可以给数组添加数组项,只不过使用这种方法不会改变原数组,会在原数组中创建一个新数组:
vararr=['a','b','c']; vararr2=arr.concat('d',1,2,['e',3]); console.log(arr);//["a","b","c"] console.log(arr2);//["a","b","c","d",1,2,"e",3]
删除数组项
对于数组的操作,除了增加数组项,很多时候还需要对数组进行删除操作。删除数组项常用的方法有pop()和shift()两种方法。
pop()
pop()方法可以从数组的末尾删除一个数组项:
vararr=['a','b','c','d',1,2]; arr.pop(); console.log(arr);//["a","b","c","d",1]
shift()
shift()方法和pop()方法刚好相反,它可以删除数组的第一项:
vararr=['a','b','c','d',1,2]; arr.shift(); console.log(arr);//["b","c","d",1,2]
不管是pop()或shift()方法每次只能给数组删除一个数组项,但很多时候这样删除数组项相对来说是比较麻烦的。在数组的操作中,除了这两种方法之外,还可以通过slice()和splice()方法来删除数组项。
slice()
slice()方法可以给一个数组中删除多个数组项,只不过不同的是,slice()不会影响原数组,只是会在原数组基础上创建一个数组副本:
vararr=[1,2,3,4,'a','b']; vararr2=arr.slice(2); console.log(arr);//[1,2,3,4,"a","b"] console.log(arr2);//[3,4,"a","b"] console.log(arr3);//["a","b"]
splice()
splice()方法除了能给数组添加数组项之外,还可以给数组删除数组项:
vararr=[1,2,3,4,'a','b','c']; vararr2=arr.splice(2,2); console.log(arr);//[1,2,"a","b","c"] console.log(arr2);//[3,4]
改变数组
数组中splice()方法是数组中一个强大的方法,其除了可以给数组添加数组项、删除数组项之外,还可以改变一个数组:
vararr=[1,2,3,4,5,6]; vararr2=arr.splice(2,3,'a','b','c'); console.log(arr);//[1,2,"a","b","c",6] console.log(arr2);//[3,4,5]
数组的查询
这里所说的数组查询其实指的是数组的查询提取。其使用的方法是slice()方法:
vararr=[1,2,3,4,5,6]; vararr2=arr.slice(-3); console.log(arr);//[1,2,3,4,5,6] console.log(arr2);//[4,5,6]
总结
这里简单的整理了一个数组的增、删、改、查的相关方法。简单的总结一下:
增加数组项方法:除了直接改变数组项的值和修改数组的length给数组添加数组项方法之外,还可以使用push()、unshift()、concat()和splice()添加数组项
删除数组项方法:删除数组项方法有pop()、shift()、slice()和splice()方法
改变数组项方法:在数组中主要通过splice()方法来改变数组项
查询数组项方法:查询数组项方法其实就是对数组做查询提取功能,主要使用的方法是slice()方法
有关于pop()、push()、shift()和unshift()操作方法可以点击这里;关于concat()、slice()和splice()方法的相关介绍可以点击这里。
有关JavaScript学习笔记之数组的增、删、改、查小编就给大家介绍到这里,希望对大家有所帮助!更多有关javascript知识请登陆毛票票网站官网了解详情!