JavaScript_笔记9 Array类型

Array类型的特点

ECMAScript数组的每一项可以保存任何类型的数据。
举个例子:数组的第一个位置可以存放字符串,第二个位置可以存放数值,第三个位置可以存放对象。即同个数组中每一项存放的数据类型是不作限制的。

创建Array数组的方式

有两种创建数组的基本方式。一种是利用Array构造函数;另外一种是数组字面量表示法。

方法一、使用Array构造函数

使用Array构造函数来创建数组,需要用到new和构造函数Array()。
代码如:

var people = new Array();

以上的Array构造函数是没有带参数的;
而Array构造函数是可以接收参数的,一个参数的情况如下:

  • 如果传递的是数值,则会创建有相应项数的数组;
  • 如果传递的是其他类型的参数,那会创建只有一项且包含该值的数组。

代码如:

var people = new Array(10);//创建了包含有10项的数组;
var people = new Array("Kabukiyo"); //创建了只有一项且保存值为“Kabukiyo”的数组

多个参数

代码如:

var people = new Array("metal","core","djent","kabukiyo");//创建了包含四个字符串值的数组。

使用Array构造函数,是可以省略new操作符的,结果相同。
代码如:

var people = Array();
var people = Array(10);
var people = Array("kabukiyo");
var people = Array("metal","core","djent","kabukiyo");

方法二、数组字面量表示法

使用数组字面量表示法,可以用如下代码作示例:

var people = ["Lin","Zhang","Huang"];
var people = [];

第一行创建了一个保存了三个字符串的数组;第二行创建了一个空数组。
不推荐以下写法,因为在不同版本中可能不太一样:

var people = [1,2,]; //可能会包含是2项或3项的数组
var people = [,,,,,]; //可能会包含是5项或6项的数组

数组的增删查改

方括号访问数组&&增查改

var people = ["Lin","Zhang","Huang"];
alert("people[0]");    //显示第一项 "查"
people[1] = "Liu";     //修改第二项 "改"
people[3] = "He";      //增加第四项 "增"
alert(people.length);; // 4 数组长度

数组的length是可修改的

数组的length不只是可读的,它是可修改的。
通过修改数组的length,我们可以执行对数组添加或删除项。
将数组长度变大,则新增的每一项都会是undefined;

var people = ["Lin","Zhang","Huang"];
alert(people.length);      // 3
people.length = 5;         // 让长度变成4,新增了2项
alert("people[3]");      //新增的每一项都是 undefined; 
alert("people[4]");      //新增的每一项都是 undefined; 

将数组长度变小,访问被删除的那一项会是undefined;

var people = ["Lin","Zhang","Huang"];
alert(people.length);      // 3
people.length=2;
alert("people[2]")        //undefined;

Array的检测方法

对于一个网页或者一个全局作用域,使用instanceof操作符:

if(people instanceof Array){
    
    
        //
}

另外一个方法,Array.isArray():

if (Array.isArray(people)){
    
    
  		//
}

Array的转换方法

三级目录

猜你喜欢

转载自blog.csdn.net/qq_43263320/article/details/113809923