数组对象
在这里主要是整理了数组的一些知识以及常用的一些方法。
1.创建数组的的两种方式
(1)利用数组字面量创建数组
var arr = [1,3,2]
(2)利用new来创建数组
var arr = new Array();//创建一的空的数组
var arr = new Array(2);//里面的2表示的是数组的长度
var arr = new Array(2,3);//等价于[2,3],表示数组里面有两个元素,2和3
2.检测是否为数组的两种方式
(1)instanceof 运算符
var arr = [2,5,1,9,2];
console.log(arr instanceof Array);//true
(2)Array.isArray(参数)
var arr = [2,5,1,9,2];
console.log(Array.isArray(arr));//true
3.添加删除数组元素方法(下面的方法都会修改原数组)
方法名 | 说明 | 返回值 |
---|---|---|
push(参数1,参数2…) | 在数组末尾添加一个或多个数组元素 | 返回值是数组的长度 |
unshift(参数1,参数2…) | 在数组开头添加一个或多个数组元素 | 返回值是数组的长度 |
pop() | 删除的数组的最后一个元素,括号里面不跟参数,一次只能删除一个 | 返回值是删除的那个元素 |
shift() | 删除数组的第一个元素,括号里面不跟参数,一次只能删除一个 | 返回值是删除的那个元素 |
4.数组翻转与排序的方法(会修改原数组)
(1)翻转数组 reverse()
var arr = [1,2,3];
arr.reverse();
console.log(arr);//[3,2,1]
(2)数组排序sort()
var arr = [1,8,9];
arr.sort();//只能对个位数进行排序,所以我们一般会在里面写一个函数,如下
arr.sort(function(a,b) {
return a-b;//升序
return b-a;//降序,两个写一个即可
})
5.数组索引方法
方法名 | 说明 | 返回值 |
---|---|---|
indexOf() | 从头开始查找,在数组中查找给定元素的第一个索引 | 如果存在返回索引号,不存在返回-1 |
lastIndexOf() | 从尾开始查找,在数组中查找给定元素的第一个索引 | 如果存在返回索引号,不存在返回-1 |
在这里延申一个数组去重案例,比较重要,可以封装一个去重函数。
该案例核心算法:先去遍历旧数组里面的元素,然后去与新数组对比,如果新数组里面没有此元素,就添加进去,如果有,就不添加进去
//1.声明函数
function unique(arr) {
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i]) == -1) {
newArr.push(arr[i]);
}
}
return newArr;
}
//2.调用函数
console.log(unique(['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b']));//['c', 'a', 'z', 'x', 'b']
6.数组转化为字符串的方式
方法名 | 说明 | 返回值 |
---|---|---|
toString() | 把数组转化为字符串,逗号分隔每一项 | 返回一个字符串 |
join(‘分隔符’) | 该方法用于把数组中的所有元素都转换为一个字符串 | 返回一个字符串 |
7.其余一些常用方法
方法名 | 说明 | 返回值 |
---|---|---|
concat() | 连接两个或多个数组,不影响原数组 | 返回一个新的数组 |
slice() | 数组截取slice(begin,end),包括 begin,不包括end,原始数组不会被改变。 | 返回被截取项目的新数组 |
splice() | 数组删除splice(第几个开始,删除个数) | 返回被删除项目的新数组,会影响原数组 |
用法示例
//1.concat()
var arr = [1,2];
var arr1 = [3,4];
console.log(arr.concat(arr1));/[1,2,3,4]
//2.slice()
var arr = [1,2,4,5,8,99,10];
console.log(arr.slice(2,5));//[4,5,8],括号里面写的是索引号
//3.splice()
var arr = [1,2,4,5,8,99,10];
console.log(arr.splice(2,5));//[4, 5, 8, 99, 10]相当于截取元素
console.log(arr);//[1,2]该方法会影响原数组