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

昨天学习了js的对象，了解了js的原型链。在js里面万事万物皆对象，只不过一些原始类型要经过包装对象的包装才能暂时变为对象。数组的本质是什么呢？数组其实就是一组数，也就是链表。每个数只是这个链表上的一个位置。js的对象属性值可以是字符串，但是js的数组对象的属性值只能是数字。经常称为索引（index）。在使用的时候可以把数组当成对象来使用。

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

以下为上面数组方法的例子，有兴趣的可以对照着看一下，最好是自己坐下demo，才能记得住。

<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>

巴特西

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

1、创建数组的方式

2、稀疏数组与稠密数组

3、数组的遍历

4、数组的方法

5、数组判断

最新文章

热门文章

巴特西

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

1、创建数组的方式

2、稀疏数组与稠密数组

3、数组的遍历

4、数组的方法

5、数组判断

最新文章

热门文章

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