最近一直啃js 高级程序设计。
因为平时上班 写js用到array类型也比较多,为了方便自己看和加深一下记忆,就总结,精简一下。(就是喜欢废话。。。)
JS 数组(Array)
1、创建数组的两种方式:
第一种:构造函数
var array = new Array(); //使用构造函数
var array = new Array(11); //指定数组长度为11
var array = new Array("1","2"); //直接传值
第二种:字面量表示法
var array = []; //空数组
var array = ["1","2"]; //直接传值
2、基于索引取值。
var num = ["one","two","three"];
alert(num[0]); //one
3、数组的长度也能增加 和 删除末尾项
var num = ["one","two","three"];
num.length = 2; //three 被删除
或
num.length = 3 //增加了一个
访问alert(num[2]) ,因为都没内容,所以类型都是undefined;
4、数组最多4 294 967 295个项,40多亿,超出就报异常。
5、检测数组(确定某个对象是不是数组)。
if(value instanceof Array){
//这个书上说:这个检测数组方法,同网页使用不同的框架就会存在 不同版本的数组
}
为了解决这个,新增了这个方法 Array.isArray()
6、转换方法
每个对象都有toString()、toLocaleString()、valueOf()。
将数组传给alert()时,调用了数组每一项的toString(),出来的是数组的每一项,还有以逗号分隔。
join() 就可以改变逗号,换成其他分隔符。只接受一个参数:用作分隔符的字符串
var num = ["one","two","three"];
alert(num .join("||")); //one||two||three
7、数组模拟栈(栈方法) push() 和 pop()
栈:后进先出 LIFO(last in first out)
var num = ["one","two","three"];
num.push("four","five"); //数组最后面推入four 和 five
num.pop(); //弹出最后一个 ,five
8、队列方法
队列 :先进先出(FIFO)
var num = ["one","two","three"];
num.push("four","five"); //数组最后面 推入four 和 five
num.shift(); //移除数组第一个 ,one
var num = ["one","two","three"];
num.unshift("four","five"); //从数组最前面 推入four 和 five
num.pop(); ///移除数组最后一个 ,three
9、重排序方法。
reverse() //反转数组项的顺序。
sort() //按升序排列数组,会调用toString(),比较得到每一项的字符串,然后排序。比较的是字符串。
所以sort()不能比较数字。
例如:
var num = [1,2,10];
num.sort();
alert(num); //1 ,10 ,2
为了解决这个问题:书里建议向 sort(compare) 传一个比较函数:
function compare(value1 , value2){
if(value1 < value2){
return -1;
}else if(value1 > value2){
return 1;
}else{
return 0;
}
}
为什么要写个比较函数做参数?
理解 sort():
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。
比较函数应该具有两个参数 a 和 b,其返回值如下:
#若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
即:a<b,返回-1
#若 a 等于 b,则返回 0。
#若 a 大于 b,则返回一个大于 0 的值。
由此 给出了一个针对数组中 是数值类型的,比较方法可以简写成这样:
function compare(a , b){
return b - a
}
因为 sort() 是升序的 ,那么降序可以这样:
function compare(a , b){
return a - b
}
10、数组的操作方法
concat()
concat()没用传参时,只是复制当前数组并返回副本。
var num = ["one","two","three"];
num.concat("four",["five","six"]) //one,two,three,four,five,six
slice() 基于当前数组的一项或多项 创建一个新数组
接收两个参数 : 起始和结束位置
var num = ["one","two","three"];
num.slice(1) //two,three
num.slice(0,1) //one,two
splice()
接收3个或更多参数 ,返回一个数组。
可以用作数组 的
删除: 需2个参数,要删除的第一项位置和删除的个数
替换:需3个或以上参数,起始位置、要删除的个数、插入的任意项
插入:需3个或以上参数,起始位置、要删除的个数(为0)、插入的项、任意项。。。
11、数组的位置方法 (返回数组中要找元素的索引值)
indexOf() 从开头开始找
lastIndexOf() 从尾部开始找
相同点: 没找到都返回 -1,比较是用 === 全等比较的。
12、迭代方法
every()
filter()
foreach()
map()
some()
13、归并方法
reduce() 和 reduceRight()