《JavaScript权威指南》学习笔记 第四天 数组

1、创建数组的方式

正如茴香豆的茴有六种写法，我们的js对象也有三种的创建方式。如果你看过昨天的博客就会，了解到创建对象的三种方式。

对象直接量

<script>
var  arr    = ['jack','rose','suse'];
<script>

使用包装对象

<script>
var arr     =   new Array('jack','rose','suse');
</script>

使用对象原型创建

<script>
var arr     =   Array.create()
</script>

2、稀疏数组与稠密数组

稀疏数组

稀疏数组就是指数组的索引（index），稀疏数组的索引并不是连续的，而是跳跃的，形如下面的代码。

<script>
var test = ['name',,'jack','suse'];
console.dir(test);
</script>

稠密数组

就是数组的索引是连续的，实际上我们平时使用的数组差不多都是稠密数组，在数组的使用上与稀疏数组并没有什么分别。

3、数组的遍历

数组的遍历还是使用for循环的比较多一点。我之前还使用过for in循环，不过for in循环用在对象里面更多一点。

4、数组的方法

push

unshift

pop

shift

join

reverse

sort

concat

slice

splice

toString

map

filter

every

some

reduce

<script>
//push  用来在数组尾部最后一位插入元素
var arr  =  ['rover','jack','rose','suse'];
arr.push('javascript');
console.dir(arr);

//unshift  在数组的头部插入一个元素
arr.unshift('first');
console.dir(arr);

//shift 删除数组头部的第一个元素。
arr.shift();
console.dir(arr);

//pop  删除数组尾部的最后一个元素
arr.pop();
console.dir(arr);

//reverse  返回一个逆序的数组。
//reverse并不返回一个新的数组，而是直接在原数组上修改。
var arrReverse  = [1,2,3,4,5,6];
arrReverse.reverse();
console.dir(arrReverse);

//sort  排序函数
//当sort没有参数的时候，默认是按照英文字母来排序的。
//如果数组里面是一组数，则需要传入排序的函数。
var  str  =  ['cup','apple','dog','banana'];
str.sort();
console.dir(str);
var  num  = [45.6,13.99,47.66,32,99,77]; //这里会先把数字转换成字母表顺序。
num.sort(function(a,b){
return a-b
});
console.dir(num);

//join  把数组切割成字符串，
var res  =  str.join('|');
console.dir(res);

//concat  相当于php里面array_merge函数了，拼合两个数组。
//不能去重，有点麻烦。
var  arr1  =  ['apple','banana'];
var  arr2  =  ['cat','dog'];
res  =   arr1.concat(arr2);
console.dir(res);
res.concat(['dog','fly']);
res.concat(['dog','fly']);
console.dir(res);

//slice   不包括最后一位。
var  tmparr =   ['apple','banana','cat','dog'];
res  =  tmparr.slice(0,1);
console.dir(res);
res  =  tmparr.slice(0,2);
console.dir(res);
console.dir(tmparr);

//splice
var  sparr =   ['apple','banana','cat','dog','eyy','fly','guy'];
msg  =  sparr.splice(1);
console.dir(msg);
console.dir(sparr);
//从以上两个打印的信息来看，splice是会在原来的数组进行处理的，会截取原数组的值。
//如果只有一个参数，则是从数组的该索引处开始往后截取。
var  sparr1 =   ['apple','banana','cat','dog','eyy','fly','guy'];

//第一个参数为从索引为1处开始截取，第二个参数为一共截取几个。
msg  =  sparr1.splice(1,2); //
console.dir(msg);
var  sparr2 =   ['apple','banana','cat','dog','eyy','fly','guy'];
msg  =  sparr2.splice(1,2,'香蕉','猫猫');
console.dir(msg);
console.dir(sparr2);  //如果有第三个参数，则后续的参数为插入参数

//map  这个会对数组中的每一个值应用函数。
var  marr  =  [1,2,3,4];
msg  = marr.map(function(a){return a+1;});
console.dir(marr);
console.dir(msg);

//every  只有数组中所有的元素都满足条件，才返回true
var  earr  =  [1,2,3,4];
msg  =   earr.every(
function(a){
return a > 3;
});

console.dir(msg);

//some 只要数组中有元素能满足条件就返回true
var  somearr  =  [1,2,3,4];
msg  =  somearr.some(function(a){
return a > 3;
});

console.dir(msg);

//reduce 使用指定的函数将数组元素折叠
var  rarr  =  [1,2,3,4];
msg  = rarr.reduce(function(x,y){
return x+y;
});

console.dir(msg);

var  rarr1  =  [1,2,3,4];
msg  = rarr1.reduce(function(x,y){
return (x>y)?x:y;
})

console.dir(msg);

</script>

5、数组判断

<script>
msg1 = Array.isArray([1,2]);
msg2 = Array.isArray({name:'jack'});

console.dir(msg1);
console.dir(msg2);
</script>