javascript中对数组的定义
数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可以是整数。这些数字索引在内部被转换成字符串类型。这是因为javascript对象中的属性名必须是字符串。数组在javascript中只是一种特殊的对象,效率上没有其它语言数组的效率高。
1.1创建数组的方式
//初始化数组以下的两种声明方式相同
console.log('-----数组的声明方式-----');
var array1 = [];
var array2 = new Array();
//创建数组时指明数组长度
console.log('-----创建数组时可以指明数组长度-----');
var array3 = new Array(3);
console.log(array3.length);
array3[4] = 5;
console.log(array3);
//声明有默认值的数组,且数组中的元素不必是同一种类型(与强类型语言有区别)
console.log('-----默认值的数组-----');
var array4 = [1,'22',3];
var array5 = new Array(1,'22',3);
console.log(array4);
console.log(array5);
//怎么初始化一个数组,通过设置Array对象的length为0
console.log('------初始化一个数组----');
console.log(array5);
array5.length =0;
console.log(array5);
结果:
判断是否是javascript数组的方法:
//判断是否是数组的方法
var array5 =[];
console.log(typeof array5 ==Array); //false
console.log(typeof array5 ===Array); //false
console.log(typeof array5); //object
console.log(Array.isArray(array5)); //true
console.log(array5 instanceof Array); //true
由上可以知道当我们要判断是否是js数组的时候typeof操作符是不好用的,可以使用instanceof操作符或者是使用Array对象的内置函数isArray()。
1.2对数组的操作
var array1 =[1,2,3,4];
var array2 = array1;
array2[2] =5;
console.log(array1);
console.log(array2);
结果:
[ 1, 2, 5, 4 ]
[ 1, 2, 5, 4 ]
由结果知道简单的赋值操作只是所谓的浅复制(引用复制)。深复制和浅复制区别点击这里
一个扩展Array对象自身方法的深复制:
Array.prototype.deepCopy = function(array){
var tempArray = [];
//判断array参数不是null ,undefined,0,'',nan,false
if (array){
for (var i =0,len = array.length;i<len;i++){
tempArray[i] = array[i];
}
return tempArray;
}
return null;
}
var array1 =[1,2,3,4];
var array2 = array1;
var array3 = [];
array2[2] =5;
console.log(array1);
console.log(array2);
array3 = array3.deepCopy(array1);
console.log(array3);
array3[0] = 78;
console.log(array1);
console.log(array3);
结果:
[ 1, 2, 5, 4 ]
[ 1, 2, 5, 4 ]
[ 1, 2, 5, 4 ]
[ 1, 2, 5, 4 ]
[ 78, 2,5, 4 ]
2.1数组中查找元素
先抛一块“石头“,最常见的数组去重问题:
代码:
var array1 = [1, 2, 3, 4, 5, 5, 4, 2, 7, 8];
Array.prototype.UnRepeat = function(array) {
var temp = [];
for (var i = 0, len = array.length; i < len; i++) {
if (temp.length != 0) {
for (var m = 0; m < temp.length; m++) {
var isExist = false;
if (array[i] == temp[m]) {
isExist = true;
break;
}
}
if (isExist == false) {
temp.push(array[i]);
}
} else {
temp.push(array[i]);
}
}
return temp;
}
结果:
[ 1, 2, 3, 4, 5 ]
以上代码可以满足对数组进行去重的操作。但是时间复杂度较高为T(n) = O(n^2) 。其实在原生得javascript中提供了方法支持查找元素的操作。分别是indexOf()和lastIndexOf()
优化后的代码
Array.prototype.UnRepeat1 = function(array) {
var temp = [],
indexResult;
for (var i = 0, len = array.length; i < len; i++) {
indexResult = temp.indexOf(array[i])
if (indexResult == -1 && indexResult != null) {
temp.push(array[i]);
}
}
return temp;
}
结果:
[ 1, 2, 3, 4, 5, 7, 8 ]
此时的时间复杂度为T(n) = O(n)
2.2数组的排序
看一段代码:
var nums = [1,5,9,2,3];
//将数组中的元素反转
nums.reverse();
console.log(nums);
//当数组元素是字符串时可以使用sort()
var strArray = ['qwe','erere','sdsf','hghgj'];
strArray.sort();
console.log(strArray);
//对数字进行sort()方法
var numArray = [1,45,67,23,09,100];
numArray.sort();
console.log(numArray);
结果如下:
[ 3, 2, 9, 5, 1 ]
[ ‘erere’, ‘hghgj’, ‘qwe’, ‘sdsf’ ]
[ 1, 100, 23, 45, 67, 9 ]
可以很清楚的指导当数组的元素都是数字的时候,使用sort()方法对数组排序是没有效果的。这是为什么呢?
sort()方法是按照字典顺序进行排序的。因此当使用sort()方法时,如果被排序元素非数字就会直接按照字典顺序进行排序。如果是数字在内部就会先进行转化,将数字转化为字符串。
为了能够让sort()方法也能够排序数字元素,可以在sort()方法中传入一个比较大小的函数。sort()将会根据函数根据函数确定元素的大小,并且确定数组的顺序。
看下面的一段代码:
//对数字进行sort()方法
var numArray = [1,45,67,23,09,100];
numArray.sort();
console.log(numArray);
function sortNum(num1,num2){
//减号操作符会将两边的字符串强制转换为数字
return num1 - num2;
}
numArray.sort(sortNum);
console.log(numArray);
结果为:
[ 1, 9, 23, 45, 67, 100 ]
3.1数组的迭代器方法
3.1.1不生成新数组的迭代器方法
forEach()该方法接受一个函数参数,对数组的所有元素运用该函数
var numArray = [1,45,67,23,09,100];
function eachFunc(num){
console.log( num + '字符串');
}
numArray.forEach(eachFunc);
console.log(numArray);
结果:
1字符串
9字符串
23字符串
45字符串
67字符串
100字符串
[ 1, 9, 23, 45, 67, 100 ]
定义:
every()和some()方法接受一个返回值为布尔类型的函数,对数组中的元素使用该函数.如果对于所有的元素.该函数的返回值都是true,则该方法返回true.
代码如下:
var numArray = [1, 45, 67, 23, 09, 100];
var numArray1 = [-1, 45, 67, 23, 09, 100];
function eveFunc(num) {
return num > 0;
}
function resultFunct(result) {
if (result) {
console.log('全部为正数.');
} else {
console.log('有负数存在.');
}
}
var result = numArray.every(eveFunc);
resultFunct(result);
var result1 = numArray1.every(eveFunc);
resultFunct(result1);
结果:
全部为正数.
有负数存在.
3.1.2生成新数组的迭代器方法
map()和filter()对数组的每个元素应用该函数.但是map()会返回一个新数组.
filter()函数与every()函数类似,every()函数当所有元素满足条件时返回true,而filter()函数返回一个新数组.
function mapFunc(num){
return num *2;
}
var numArray1 = [-1, 45, 67, 23, 09, 100];
var resultMap = numArray1.map(mapFunc);
console.log(resultMap);
结果:
[ -2, 90, 134, 46, 18, 200 ]