JS数组
一:数组基础
1.数组是什么?
在javaScript中,我们可以使用“数组”来存储一组“相同数据类型”的数据结构。
2.创建数组
在javaScript中,创建数组共有3中方法:
(1)新建一个长度为0的数组
举例:
1.var arr = new Array()
(2)新建长度为n的数组
举例:
var arr = new Array(3)
arr[0]='HTML'
arr[1]='CSS'
arr[2]='JS'
注意:在js中,数组的索引号时从0开始的,而不是从1开始。
3.数组元素的赋值与获取
在js中,数组元素的赋值与获取都是通过数组下标来实现。
二:数组的属性和方法
1.数组的属性
在Array对象中有3个属性,分别是length、constructor和prototepe。
2.数组的方法
给数组开头添加元素 --- unshift() --- 返回新添加以后数组的长度 ---语法:数组.unshift()
给数组末尾添加元素 --- push() --- 返回新数组长度 ---语法:数组.push()
给数组开头删除元素 --- shift() --- 返回被删除的元素 ---语法:数组.shift() 注意:是删除第一个元素
给数组末尾删除元素 --- pop() --- 返回被删除的元素 ---语法:数组.pop() 注意:是删除第一个元素
获取数组中某段数组元素 --- slice() --- 返回获取到的数组元素 ---语法:数组.slice(开始下标,结束下标)
将数组转换成字符串 --- tostring() --返回字符串 ---语法:数组.tostring()
给数组实现增删改 ---splice() 删除语法:数组.splice(开始下标,删除个数) --- 返回被删除的元素
修改语法:数组.splice(开始下标,删除个数,修改的值) --- 返回修改值和原有数组的新数组
添加语法:数组.splice(开始下标,不删除,需要添加的值) --- 返回添加后的新数组
将数组连接成字符串 --- join 语法:数组.join() ---返回连接以后的字符串
将多个数组连接成字符串 --- concat 语法:数组.concat() ---返回连接后的数组
数组元素正向排排序 --- sort() 语法:数组.sort ---返回排列好的数组
数组元素反向排序 --- reverse() 语法:数组.reverse ---返回反向排列好的数组
ES5新增数组方法:
indexOf 可以使用indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法:数组.indexOf(指定的元素)
注意:如果找到就返回对应下标,若没有找到则返回-1
forEach 用于遍历数组
语法:数组.forEach(function(value,index,array){
value是每次遍历出来的元素
index是每个元素对应的下标
array是在当前正在遍历的数组
})
注意:index,array是可选参数,在遍历的时候,这两个参数可以加可不加
map:遍历数组,将每个元素都经过函数处理,处理全部的元素,将所有新的元素组成一个新的数组返回
语法:数组.map(function(value,index,array){
return newValue
})
返回所有新元素组成的数组
filter:过滤数组 - 遍历数组,将数组中满足条件的元素,组成新的元素并返回
语法:数组.filter(function(value,index,array){
return 条件判断
})
返回值:返回满足条件的所有元素组成的元素