一.数组的的创建
var a = new Array();等价于a = [];
二.实例方法
1.pop(): 去除数组的最后一项,会改变原数组。
var a = [1,2,3,4,5]; console.log(a);//[1,2,3,4,5] var b = a.pop(); console.log(a);//[1,2,3,4] console.log(b);//5
2.push():从数组的尾部增加一项,会改变原数组。
var a = [1,2,3,4,5]; console.log(a);//[1,2,3,4,5] var b = a.push(6); console.log(a);//[1,2,3,4,5,6] console.log(b);//6
3.shift(): 从数组的顶部去除一项,会改变原数组
var a = [1,2,3,4,5]; console.log(a);//[1,2,3,4,5] var b = a.shift(); console.log(a);//[2,3,4,5] console.log(b);//1
4.unshift():从数组顶部增加一项,会改变原数组
var a = [1,2,3,4,5]; console.log(a);//[1,2,3,4,5] var b = a.unshift(6); console.log(a);//[6,1,2,3,4,5] console.log(b);//6
5.reverse(): 将数组的位置前后调换,会改变原数组
var a = [1,2,3,4,5]; console.log(a);//[1,2,3,4,5] var b = a.reverse(); console.log(a);//[5, 4, 3, 2, 1] console.log(b);//[5, 4, 3, 2, 1]
6.sort(): 将数组进行排序,参数为正数为升序,参数为负数为降序,会改变原数组
var a = [1,10,2,3,4,5]; console.log(a);//[1, 10, 2, 3, 4, 5] var b = a.sort(); console.log(a);//[1, 10, 2, 3, 4, 5] console.log(b);//[1, 10, 2, 3, 4, 5]
sort会调用每个数组项的toString()转型方法,比较字符串进行排序。
var a = [1,10,2,3,4,5]; console.log(a);//[1, 10, 2, 3, 4, 5] var b = a.sort(compare); console.log(a);//[1, 2, 3, 4, 5, 10] console.log(b);//[1, 2, 3, 4, 5, 10] function compare(value1, value2) { if(value1 > value2) { return 1; }else if (value1 < value2) { return -1; }else { return 0; } }
7.splice(): 可用于数组的删除、插入、替换,会改变原数组。
参数为俩个时:一项是删除的位置(从0开始),另一项是删除的个数
var a = [1,2,3,4,5]; console.log(a);//[1, 2, 3, 4, 5] var b = a.splice(1,2); console.log(a);//[1, 4, 5] console.log(b);//[2, 3]
参数为三个是:一项为删除的起始位置,一项为删除的个数,一项为添加的项
var a = [1,2,3,4,5]; console.log(a);//[1, 2, 3, 4, 5] var b = a.splice(1,2,5); console.log(a);//[1, 5, 4, 5] console.log(b);//[2, 3]
8.join():将数组转化为字符串,join将数组中的逗号替换成空格,也可以替换成其他的。不改变原数组。
var a = [1,2,3,4,5]; console.log(a);//[1, 2, 3, 4, 5] var b = a.join(""); console.log(a);//[1, 2, 3, 4, 5] console.log(b);//12345 console.log(typeof b);//string
9.concat(): 将俩个数组连接,不改变原数组
var a = [1,2,3,4,5]; var b = [6,7,8,9,10]; console.log(a);//[1, 2, 3, 4, 5] console.log(b);//[6, 7, 8, 9, 10] var c = a.concat(b); console.log(a);//[1, 2, 3, 4, 5] console.log(b);//[6, 7, 8, 9, 10] console.log(c);//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
10.slice(): 对数组进行浅复制(该特性使其可以将伪数组转化为数组),不会改变原数组。
var a = [1,2,3,4,5]; console.log(a);//[1, 2, 3, 4, 5] var b = a.slice(0, 1); var c = a.slice(1); var d = a.slice(1, 4); var e = a.slice(-2); var f = a.slice(-4, -2); console.log(a);//[1, 2, 3, 4, 5] console.log(b);//[1] console.log(c);//[2, 3, 4, 5] console.log(d);//[2, 3, 4] console.log(e);//[4, 5] console.log(f);//[2, 3]
三.位置方法:
1.indexOf():匹配数组,第一个参数为要匹配的数,第二个参数为起始的位置。找不到返回-1。
var numbers = [1,2,3,4,5,4,3,2,1]; console.log(numbers.indexOf(4));//3 console.log(numbers.indexOf(4, 4));//5
2.lastIndexOf(): 从后面往上找,参数同上,起始位置从正向开始数
var numbers = [1,2,3,4,5,4,3,2,1]; console.log(numbers.lastIndexOf(4));//5 console.log(numbers.lastIndexOf(4, 3));//3 console.log(numbers.lastIndexOf(4, 2));//-1
四.迭代方法
1.every(): 所有均满足条件则返回true否则返回false。
var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.every(function(item, index, array) { return (item > 3); }); console.log(everyResult);//false
2.filter():刷选出数组中满足该条件的的数
var numbers = [1,2,3,4,5,4,3,2,1]; var filterResult = numbers.filter(function(item, index, array) { return (item > 3); }); console.log(filterResult);//[4, 5, 4]
3.forEach():对数组中的每一项执行一些操作,没有返回值。
var numbers = [1,2,3,4,5,4,3,2,1]; numbers.forEach(function(item, index, array) { //执行某一些操作 });
4.map(): 对数组中的每一项执行一些操作,返回数组。
var numbers = [1,2,3,4,5,4,3,2,1]; var mapResult = numbers.map(function(item, index, array) { return item + 1; }); console.log(mapResult);//[2, 3, 4, 5, 6, 5, 4, 3, 2]
5.some(): 只要有一项满足条件则返回true否则返回false。
var numbers = [1,2,3,4,5,4,3,2,1]; var someResult = numbers.some(function(item, index, array) { return (item > 3); }); console.log(someResult);//true
五.归并方法:
1.reduce():prev: 前一个值; cur: 当前值; index: 项的索引; array: 数组对象 。将数组中的数相加
var values = [1,2,3,4,5]; var sum = values.reduce(function(prev, cur, index, array) { return prev + cur; });//正向 console.log(sum);//15
2.reduceRight():
var values = [1,2,3,4,5]; var sum = values.reduceRight(function(prev, cur, index, array) { return prev + cur; });//反向 console.log(sum);//15
六.区分数组与对象。
function isArray(value) { return Object.prototype.toString.apply(value) === "[object Array]";//小写的是方法返回的值的格式中默认的,大些的是对象的名字Array } var a = {}; var b = []; console.log(isArray(a));//false console.log(isArray(b));//true
使用自定义一个isArray函数。