Java Script 内置对象(三) --------- Array 对象
判断是否为数组有两种方式,instanceof 和 Array.isArray( 参数 ),两者判断方法均为如果是数组则返回 true,不是数组则返回 **false,**其中第二个方法为H5新增加的方法
var arr=[];
var obj={};
console.log(arr instanceof Array); //true
console.log(obj instanceof Array); //false
console.log(Array.isArray(arr)); //true
console.log(Array.isArray(obj)); //false
三:数组元素的增加和删除
数组元素的增加和删除分别有两个方法,增加有 push(),unshift(),删除有 pop(),shift(),下面对这四个方法一一讲解
**push( 参数1,参数2… ):有参数,**在数组的最后一个位置添加,参数为新添加的元素(可以为多个元素),如果返回该方法,返回值为新数组的长度
var arr=[1,2,3,4,5,6];
console.log(arr.push(7,8,9,‘小明’,‘小华’)); //返回值为新数组的长度
console.log(arr);
**unshift( 参数1,参数2…):****有参数,****在数组最前面的位置添加新元素,**参数为新添加的元素(可以为多个元素),如果返回该方法,返回值为新数组的长度
var arr=[1,2,3,4,5,6];
console.log(arr.unshift(0,‘小明’,‘小华’)); //返回值为新数组的长度
console.log(arr);
**pop():**无参数,删除数组的最后一个元素,一次只能删一个元素,数组长度减1,如果返回该方法,返回值为被删掉的元素
var arr=[1,2,3,4,5,6];
console.log(arr.pop()); //返回值为被删掉的元素
console.log(arr);
**shift():**无参数,删除数组的第一个元素,一次只能删一个元素,数组长度减1,如果返回该方法,返回值为被删掉的元素
var arr=[1,2,3,4,5,6];
console.log(arr.shift()); //返回被删掉的元素
console.log(arr);
四:筛选数组的改进
在之前学习数组时,我们经常会遇到一些筛选数组的案例,但是学习了上面的四种方法,对于这类问题又可以得到一个升华。
例如:要求我们筛选出一个数组中大于100的数,删掉小于100的数
在以前的数组基础中,我们可以得到这样的代码:
var arr=[102,98,65,152,34,99,187,256,139,74,112,35];
var newarr=[];
for(var i=0;i<arr.length;i++){
if(arr[i]>100){
newarr[newarr.length]=arr[i]; //这是我们常规的写法
}
}
console.log(newarr);
但是学过了 push() 方法,我们就可以利用此方法解决上述问题,更为直观:
var arr=[102,98,65,152,34,99,187,256,139,74,112,35];
var newarr=[];
for(var i=0;i<arr.length;i++){
if(arr[i]>100){
newarr.push(arr[i]); //改进代码,更为直观清晰
}
}
console.log(newarr);
五:数组的翻转与排序
对于数组的翻转与排序,我们都知道可以通过 for循环,冒泡排序,选择排序 来实现,但是在Array对象中,给好了方法可以直接使用,分别是反转数组的方法 reverse() 和排序的方法 sort()
**reverse():**无参数,数组可直接使用
var arr=[1,2,3,4,5,6,7,8,9];
console.log(arr.reverse()); //结果为9,8,7,6,5,4,3,2,1
**sort():**这个的情况略微有些复杂,如果直接使用的话只能排序数组内10以内的数,要想自定义升序排序并且不受数字大小限制,需要在该方法中写入一个函数作为参数(*固定使用牢记即可*)
升序的参数:
function(a,b){
return a-b ;}
var arr=[1,23,46,9,68,35,7,11];
arr.sort(function(a,b){
return a-b; //返回a-b为升序
})
console.log(arr);
降序的参数:
function(a,b){
return b-a ;}
var arr=[1,23,46,9,68,35,7,11];
arr.sort(function(a,b){
return b-a; //返回b-a为降序
})
console.log(arr);
此参数牢记即可
六:数组的元素索引
数组的索引有两种查询方式,从第一个开始查询的 indexOf() 和从最后开始查询的 lastIndexOf()
indexOf( 参数 ):参数为要查询的数组元素,从第一个****元素开始查找,并且返回查询到的第一个元素,如果存在的话返回该元素出现的第一次的索引位置,如果不存在返回 -1
var arr=[1,2,3,4,5,3,6];
console.log(arr.indexOf(3)); //有此元素 返回其第一个索引位置
console.log(arr.indexOf(9)); //没有此元素,返回-1
lastIndexOf( 参数 ):参数为要查询的数组元素,从最后一个****元素开始查找,并且返回查询到的第一个元素,如果存在的话返回该元素出现的第一次的索引位置,如果不存在返回 -1
var arr=[1,2,3,4,5,3,6];
console.log(arr.lastIndexOf(3)); //有此元素 返回从最后一个元素起第一次查询到的索引
console.log(arr.indexOf(9)); //无此元素,返回-1
七:数组去重案例(重点)
有这样一个案例很重要,在一个数组中有很多对相同的数组元素,我们怎么操作才能使新数组中的元素没有重复的
**大致思路:**遍历旧的数组,用旧的数组去查询新的数组,如果有这个元素就不添加进新数组,没有的话就添加进去。
但是我们怎么测能知道新数组中有没有呢,这就用到了刚才提到过的数组元素的索引如果查询不到,则返回-1,对此我们只要判断是不是-1 就可以知道新数组中有没有该元素
var arr=[1,1,2,2,3,4,5,5,5,6,4,3,6,7,9,8];
var newarr=[];
for(var i=0;i<arr.length;i++){
if(newarr.indexOf(arr[i])==-1){ //判断新元素中有没有该元素
newarr.push(arr[i]);
}
}
newarr.sort(function(a,b){ //升序排序
return a-b;
})
console.log(newarr);
八:数组转字符串
之前学过数字型转换为字符串型,我们用到了 toString() 和 St
ring() ,在数组转换为字符串时我们也有两个方法,toString() 和 join()
**toString():**无参数
var arr=[1,2,3,4,5,6];
console.log(arr.toString());
**join( 分隔符 ):**有参数,参数为自己想要设置的分隔符
var arr=[1,2,3,4,5,6];
之前学过数字型转换为字符串型,我们用到了 toString() 和 St
[外链图片转存中…(img-0PZSHLrm-1670149245363)]
ring() ,在数组转换为字符串时我们也有两个方法,toString() 和 join()
**toString():**无参数
var arr=[1,2,3,4,5,6];
console.log(arr.toString());
**join( 分隔符 ):**有参数,参数为自己想要设置的分隔符
var arr=[1,2,3,4,5,6];