5.2 Array类型

xiaoxiao2021-02-28  5

1:ECMAScript 数组的每一项可以保存任何类型的数据。也 就是说,可以用数组的第一个位置来保存字符串,用第二位置来保存数值,用第三个位置来保存对象, 以此类推。而且,ECMAScript 数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。这是ES中的数据跟其他语言数组的最大区别 2:创建数组的两种方式: (1)①第一种是使用Array 构造函数,如下面的代码所示。

var colors = new Array();

②下面的代码将创建length 值为20 的数组。

var colors = new Array(20);

③也可以向Array 构造函数传递数组中应该包含的项。以下代码创建了一个包含3 个字符串值的数组:

var colors = new Array("red", "blue", "green");

④另外,在使用Array 构造函数时也可以省略new 操作符。如下面的例子所示,省略new 操作符的 结果相同:

var colors = Array(3); // 创建一个包含3 项的数组 var names = Array("Greg"); // 创建一个包含1 项,即字符串"Greg"的数组

(2)创建数组的第二种基本方式是使用数组字面量表示法。数组字面量由一对包含数组项的方括号表 示,多个数组项之间以逗号隔开,如下所示:

var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 var names = []; // 创建一个空数组 var values = [1,2,]; // 不要这样!这样会创建一个包含2 或3 项的数组 ,强烈建议不要使用这种语法。 var options = [,,,,,]; // 不要这样!这样会创建一个包含5 或6 项的数组,强烈建议不要使用这种语法。

3:在读取和设置数组的值时,要使用方括号并提供相应值的基于0 的数字索引,如下所示:

var colors = ["red", "blue", "green"]; // 定义一个字符串数组 alert(colors[0]); // 显示第一项 colors[2] = "black"; // 修改第三项 colors[3] = "brown"; // 新增第四项

4:(1)数组的项数保存在其length 属性中,这个属性始终会返回0 或更大的值,如下面这个例子所示:

var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 var names = []; // 创建一个空数组 alert(colors.length); //3 alert(names.length); //0

(2)数组的length 属性很有特点——它不是只读的。因此,通过设置这个属性,可以从数组的末尾移 除项或向数组中添加新项。请看下面的例子:

var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 colors.length = 2; alert(colors[2]); //undefined

这个例子中的数组colors 一开始有3 个值。将其length 属性设置为2 会移除最后一项(位置为 2 的那一项),结果再访问colors[2]就会显示undefined 了。如果将其length 属性设置为大于数组 项数的值,则新增的每一项都会取得undefined 值,如下所示:

var colors = ["red", "blue", "green"]; // 创建一个包含3 个字符串的数组 colors.length = 4; alert(colors[3]); //undefined
转载请注明原文地址: https://www.6miu.com/read-1400130.html

最新回复(0)