前端(JavaScript)------数组-CFANZ编程社区

1.数组的概念

2.数组的特点

(1)数组的本质

(2)数组的长度

(3)数组的遍历

(4)数组的空位

(5)数组的'删除'

3.数组的调用

4.数组的方法

(1)isArray:判断是否为数组

(2)valueOf:返回数组本身

(3)toString:将数组以字符串的形式返回

(4)push:向数组末尾追加数据,返回当前数组的长度

(5)pop:删除数组最后一个元素

(6)join:将数组转换为字符串，默认按逗号隔开

(7)shift(): 在数组头部删除一个元素

(8)unshift():在数组头部添加一个元素

(9)reverse():数组反转

(10)slice:数组截取

(11)splice:数组截取，并且可以插入新的元素(改变原数组)

(12)sort：排序

(13)indexOf:索引

(14)lastIndexOf:反序索引

5.二维数组

1.数组的概念

数组(array)是按照一定顺序排列的一组值，每个值都拥有自己的编号，编号从0开始。整个数组用方括号来表示。

语法：var arr = [item1,item2,item3];

上述代码中的item1、item2和item3元素就构成一个数组。两端的方括号是数组的标志。因为数组元素编号从0开始，所以item1是数组的第0个元素。

2.数组的特点

(1)数组的本质

本质上，数组是对象类型的一种特殊表现形式。因此创建的时候我们可以使用new方式来创建。

var nameArr = new Array('LiLei', 'HanMeiMei', 'Poliy');//['LiLei', 'HanMeiMei', 'Poliy']

typeof运算符会返回数组的类型是object。typeof nameArr// "object"

(2)数组的长度

要讨论数组的长度问题就要搞清楚数组在内存中的存放方式。

前面我们说过，javascript中的数组元素可以是任何数据类型的。而在计算机中不同的数据类型数据是放在不同存储区的。

前端(JavaScript)------数组_数组

因此javascript中的数组元素是在内存中的存储位置不连续的。

但是我们又不能按照内存地址来访问数组元素，那样会造成编程过程中的灾难。所以为了解决这个问题，我们按照下标的方式来对数组元素进行标记。

所以我们计算数组长度的时候只需要计算数组元素的个数即可。

前端(JavaScript)------数组_javascript_02

总结：javascript数组在内存中的存储位置是不连续的，但是数组的下标是连续的。

根据上述原理，javascript给数组提供了一个.length属性来计算数组长度。

语法：arr.length

var ageArr = [18,24,30];

console.log(ageArr.length); //3

length是一个可写属性。

	如果设置length长度小于数组本身长度，那么多余元素舍弃。

	如果设置length长度大于数组本身长度，那么缺少元素用空位补齐。

	如果设置length长度不是合法数值，那么会报错Invalid array length。

	var ageArr = [18,24,30];               var ageArr = [18];                                        
	ageArr.length = 2;                     ageArr.length = 3;                     
  	console.log(ageArr.length);  //2       console.log(ageArr.length);  //3         
	console.log(ageArr);        //[18,24]  console.log(ageArr);        //[18]             
	                                       console.log(ageArr[1]);    //undefined

	
	var ageArr = [18,24,30];
    ageArr.length = -1;
    console.log(age.length);//Uncaught RangeError: Invalid array length(…)

(3)数组的遍历

如果想要连续访问数组中的每个元素，可以使用for in快速遍历。

var heroArr = ['GreenJuPeople','BlackGuaFu','MetalXia'];

  for(var index in heroArr){

  console.log(heroArr[index]);

  }

  GreenJuPeople

  BlackGuaFu

  MetalXia

(4)数组的空位

当数组的某个位置是空元素，即两个逗号之间没有任何值，我们称该数组存在空位(hole)。

var countryNameArr = ['China','','Japan'];

countryNameArr.length //3

有趣的是：如果最后一个元素后面有逗号，这种情况并不会产生空位。也就是说最后一个元素后面的逗号有和没有结果都是一样的。(当然这种写法并不推荐。)

var countryName = ['China','American','Japan',];

countryName.length //3

(5)数组的'删除'

delete命令能够删除数组中的元素的值，从而形成空位。但是delete命令并不会影响length的属性。

var girlFriends = ['ZhangTianAi','LiuShiShi','SomeOne'];

delete girlFriends[1];

console.log(girlFriends.length);   //3

console.log(girlFriends);          //["ZhangTianAi", 2: "SomeOne"]

ps：delete命令在使用的时候，是根据数组下标来对指定数组的值进行删除的。

3.数组的调用

数组的调用实际上指的是数组元素的调用。数组元素通过【数组名+下标】的方式来进行访问。

var girlFriends = ['张天爱','李贞贤','SomeOne'];

console.log('今天朕就选你侍寝吧，'+girlFriends[0]);

console.log('张天爱：爱死你了皇上')

ps：数组元素一次只能访问一个，不能一次连续访问多个数组元素。