定义数组
var arr = [];
var arr = new Array();
var arr = new Array(10); 创建一个长度为10的数组
数组操作方法
- join():讲数组中所有元素转化为字符串并连接在一起,可以指定一个可选的字符串来分隔数组的各个元素,并不会改变原数组
var arr = [1,2,3];
console.log(arr.join("-")); //1-2-3
console.log(typeof arr.join("-")); //string
console.log(arr); //[1,2,3]
2. reserve():将数组中的元素颠倒顺序,返回逆序数组,改变原数组
var arr = [1,2,3];
console.log(arr.reverse()); //[3,2,1]
3. sort():将数组中的元素排序,并返回排序后的数组,改变原数组(数字根据第一个数字由小到大,字母根据字母表顺序大写在小写前,undefined在最尾部)
var a = [1,3,2];
console.log(a.sort()); //[1,2,3]
console.log(a); //[1,2,3]
var arr = ["a","d","c"];
console.log(arr.sort()); //["a","c","d"]
var arr = [-3,0,1];
console.log(arr.sort()); //[-3,0,1]
sort()排序数字 负数 0 正数
sort()在进行排序时会调用toString()方法,然后根据ASCII码进行比较
用sort()对数字进行升序排列
var arr = [0,2,1,0.5];
console.log(arr.sort(function(a,b){
return a-b;
));
用sort()对数字进行降序排列
var arr = [0,2,1,0.5];
console.log(arr.sort(function(a,b){
return b-a;
}));
4. concat()创建并返回一个新数组,不改变原数组
var arr = [1,2,3];
console.log(arr.concat([1,2])); //[1,2,3,1,2]
console.log(arr); //[1,2,3]
5. slice()返回指定的子数组,俩个参数起始位置,结尾位置,只有一个参数的话默认为从开始位置到结尾
不改变原数组
var arr = [1,2,3,4,5];
console.log(arr.slice(1,3)); //[2,3]
console.log(arr); //[1,2,3,4,5]
6. splice()在数组中插入或删除元素的方法,改变原数组,第一个参数为起始位置,第二个为删除元素的个数,后面的参数为插入的元素
var arr = [1,2,3,4,5];
console.log(arr.splice(2,1));//[3]
console.log(arr); //[1,2,4,5]
console.log(arr.splice(2,0,3)); //[]
console.log(arr); //[1,2,3,4,5]
7. push()在数组尾部添加一个或多个元素,改变原数组->新数组新长度
pop()将数组最后一个元素删除,改变原数组->删除的最后一个元素
var arr = [1,2,3,4,5];
console.log(arr.push(1));
console.log(arr);
console.log(arr.pop()); //返回删除的元素
console.log(arr.pop());
8. unshift()在数组首部添加一个或多个元素,改变原数组->数组新长度
shift()将数组第一个一个元素删除,改变原数组->删除的第一个元素
var arr = [1,2,3,4,5];
console.log(arr.unshift(0)); //返回数组新长度
console.log(arr.shift()); //0,返回删除的第一个元素
//ECMA5新添加的数组操作方法
9. forEach() 从头到尾遍历数组,无法在所有元素都传递给调用函数之前终止遍历,有三个参数,分别为数组元素,元素索引,数组本身
var data = [1,2,3,4];
data.forEach(function(v,i,a){
console.log(a[i] = v + i); //[1,3,5,7];
});
10. map()调用数组的每个元素传递给指定函数,并返回一个数组
var arr = [1,2,3];
var data = arr.map(function(x){return x*x});
console.log(data); //[1,4,9]
11. filter()返回的数组元素是调用数组的一个子集,传递的函数用来进行逻辑判断
var arr = [1,2,3];
var data = arr.filter(function(x){return x < 3;});
console.log(data); //[1,2]
12. every() some() 对数组元素应用指定函数进行判定,返回true或者false
every()相当于与,出现false,即可以停止遍历
some()相当于或,出现true,即可以停止遍历
var arr = [1,2,3,4,5];
console.log(arr.every(function(x){
console.log(x); //输出1,出现false,停止遍历
return x%2 == 0;
}));
console.log(arr.some(function(x){
console.log(x); //输出1 2,2时为true,停止遍历
return x%2 == 0;
}));
13. reduce() reduceRight() 使用指定的函数将数组元素进行组合,生成单个值,俩个参数,第一个为操作函数,第二个为初始值
reduce()从低索引到高索引;
reduceRight()从高索引到低索引;
var arr = [1,2,3,4,5];
console.log(arr.reduce(function(x,y){
console.log(x);
console.log(y);
return x + y;
},0)); //15
console.log(arr.reduceRight(function(x,y){
console.log(x);
console.log(y);
return x + y;
},0)); //15
14. indexOf() lastIndexOf(),返回搜索到的第一个元素索引,没有搜索到返回-1;
var arr = [1,2,3,4,5,1];
console.log(arr.indexOf(1)); //0
console.log(arr.lastIndexOf(1)); //5
console.log(arr.indexOf(10)); //-1
15. 检测数组的三种方法
typeof,instanceof,isArray(E5中新添加的)
typeof: typeof arr 若为数组返回object
instanceof: arr instanceof Array 若为数组返回true
isArray: Array.isArray(arr); 若为数组返回true
var arr = [1,2,3,4,5];
console.log(typeof arr); //object
console.log(arr instanceof Array); //true
console.log(Array.isArray(arr)); //true