1、创建数组的两种方式:
①利用数组字面量
var arr=[1,2,3];
②利用new Array()
var arr1=new Array();创建了一个空的数组
注意:var arr1=new Array(2),这里面的2表示数组的长度为2,里面有两个空的数组元素。
var arr2=new Array(2,3)表示这里面有两个数组元素是2和3.
2、检测是否为数组:
(1)instanceof 运算符 可以用来检测是否为数组
arr instanceof Array;
(2)Array.isArray(参数);H5新增的方法 ie9以上版本支持
Array.isArray(arr);
翻转数组:
function reserve(arr){
if(arr instanceof Array){
var arr1=[];
for(var i=arr.length-1;i>=0;i--){
arr1[arr1.length]=arr[i];
}
return arr1;
}
else {
return 'erro 请你输入数组形式';
}
}
console.log(reserve([1,2,3,4,5]));
3、添加删除数组的方法:
push(参数,,,,) | 末尾添加有一个或多个元素,注意修改原数组 | 并返回新的长度 |
pop() | 删除数组最后一个元素,长度减一 (一次只能删一个)(无参数) | 返回它删除元素的值 |
unshift(参数1..) | 向数组开头加一个或更多元素,修改数组 | 并返回新的长度 |
shift() | 删除数组的第一个元素,数组长度减1 无参数、修改原数组。 (一次只能删一个)(无参数) | 并返回第一个元素的值 |
代码实例:
var arr=[1,2,3];
console.log(arr.push(4,'pink'));
console.log(arr.unshift('red'));
console.log(arr);
删除特定的数字:
var arr=[1100,200,300,400,5000];
var arr1=[];
for(var i=0;i<arr.length;i++){
if(arr[i]>500){
arr1.push(arr[i]);
}
}
console.log(arr1);
4、数组的内置函数:
(1)数组翻转:arr.reserse();
(2)数组排序:arr.sort();
var arr1=[1,10,5,9,7,8];
arr1.sort(function(a,b){
return a-b;升序
return b-a; 降序
});
console.log(arr1);
5、数组索引方法:
indexOf() | 数组中查找一个指定元素的第一个索引 | 存在返回索引号不存在返回-1 |
lastindexOf | 在数组中的最后一个的索引 (从后面开始查找,即找一个特定的数字时,从后面找到的第一个数字输出索引号) | 如果存在返回索引号,不存在返回-1 |
6、数组去重:
思路:把旧数组中的数字存入新的数组,重复的元素只保留一个;遍历旧数组,然后拿着旧数组元素去查询新的数组,如果该元素在新数组中没有出现过就添加;利用 新数组.indexOf() 返回-1就说明该元素在新数组中未出现过,我们就添加。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function unique(arr){
var arr1=[];
for(var i=0;i<arr.length;i++){
if(arr1.indexOf(arr[i])==-1){
arr1.push(arr[i]);
}
}
return arr1;
}
var arr2=[1,2,3,4,5,6,6,6,7,8,2];
var demo=unique(arr2);
console.log(demo);
</script>
</head>
<body>
</body>
</html>
7、数组对象:
(一)将数组转化为字符串:
toString() | 把数组转换为字符串,逗号分隔 每一项 | 返回一个字符串 |
join('分隔符‘) | 方法用于把数组中的所有元素都转换为一个字符串 | 返回一个字符串 |
var arr=[1,2,3,4,5];
console.log(arr.toString());结果为:1,2,3,4,5
console.log(arr.join('-'));结果为:1-2-3-4-5
(二)连接、截取、删除
concat() | 连接两个或多个数组,不影响原数组 | 返回一个新的数组 |
slice() | 数组截取slice(begin,end) | 返回被截取项目的新数组 |
splice() | 数组删除splice(第几个开始,要删除个数) | 返回被删除项目的新数组,注意,这个会影响原数组 |
var heroes=["李白",'蔡文姬','韩信','赵云','甄姬','阿珂','貂蝉','妲己'];
console.log(heroes.slice(1,4))// [ "蔡文姬", "韩信", "赵云" ]开始索引为1 结束索引为4(不包括4)
console.log(heroes)// 不改变原数组 [ "李白", "蔡文姬", "韩信", "赵云", "甄姬", "阿珂", "貂蝉", "妲己" ]
splice()语法:arr.splice(index,howmany,item1,.....itemX)
①index必需,整数,规定添加删除项目的位置,使用负数可以从数组结尾处规定的位置
当只有索引没有howmany时默认一直删到结尾。
②howmany必需,要删除的项目数量,如果设置为0 ,则不会删除项目。小于0时视为0.
③item1,.......itemX可选,向数组添加的新项目。
var arr=[1,2,3,4,5];
console.log(arr.toString());
console.log(arr.join('-'));
console.log(arr.splice(1,2,[7,8],9));//结果为[2,3]
console.log(arr);//结果为[1,[7,8],9,4,5]
console.log(arr.splice(1,-10,[6,7]));//结果为[],负数默认为0不删除。
js的数组拼接方法
方法一:concat方法拼接(返回一个新数组)
var a1 = [1,2,3,4,5];
var a2 = ['a','b','c'];
var newa = a1.concat(a2);
var arr1=[1,2,3];
var arr2=[2,3,4,5];
var newarr=arr1.concat(arr2);
console.log(newarr);
结果类型:object
concat方法:用于连接两个或多个数组,生成新数组,concat后面的数组时操作的时候数组的元素,而不是数组
方法二:join方法拼接(返回一个新数组)
var a1 = [1,2,3,4,5];
var a2 = ['a','b','c'];
var newa = a1.join()+','+a2.join();
返回结果:1,2,3,4,5,a,b,c
结果类型:string
join方法:把数组的所有元素放入一个字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。separator 在join()不添加分割符时是逗号(‘,’),在join('.')添加分割符时用提供的符号分割。