今天这节教程不仅仅是阐述ECMAScript3的部分功能，同时也会阐述有关EXMASctip5的很多新的功能。

一、创建

因为它是一个引用类型，自然就需要在使用前先构造它。

我将分成两种方式来讲述

I、构造函数

1.空的Array实例

var colors = new Array();

2.初始化存储数量的Array实例

1 var colors = new Array(20);

其中的参数"20"创建一个length为20个数组。

3.带数据的Array实例

1 var colors = new Array("red","black","white");

其中直接将需要存储的数据放在的构造函数中来初始化。

其实上面的构造函数中都可以省略"new"而是直接使用"var color = Array();" 即可。

II、字面量表示法

1.空的Array实例

var color = [];

2.带数据的Array实例

1 var colors = ["red","white","black"];

二、操作

既然我们已经创造的数组，那么我们就必须要学会如何去使用它。

下面我从访问数据、修改数据、删除数据和添加数据的方面来阐述。

I、访问数据

1.通过索引访问

1 var colors = ["red","black","white"];
2 alert(colors[0]); //弹出"red"
3 alert(colors[3]); //弹出"undefined"

当我们访问的索引已经超过上限，那么最终返回给我们的值将是"undefined"字符串。

II、修改数据

1.通过索引修改

1 var colors = ["red","white","black"];
2 colors[1] = "green";
3 alert(colors[1]) // 返回"green"字符串

III、删除数据

1.从后向前将数组删除至指定大小

1 var colors = ["red","black","white"];
2 alert(colors.length) //返回"3" 表示有三个数据
3 colors.length = 1;
4 alert(colors[0]); //返回"red"字符串
5 alert(colors[1]); //返回"undefined"字符串

这种方法很适合需要在从后向前删除大量数据的时候使用，仅仅是将"length"属性设置为删除后的数组大小即可。

2.删除指定的数据

1 var colors = ["red","black","white"];
2 colors.splice(0,1);
3 alert(colors.length); // 弹出"2" 表示已经删除了一条数据
4 alert(colors[0]);      // 弹出"black"字符串  因为"red"已经被删除

这里我们使用"splice"删除指定的数据，其实不仅仅只是删除一条数据。"splice"的第二个参数表示需要删除的数量（如果为零，则可以在指定的数据后面添加数据）,第一个参数是数据的索引位置（基于0）.

3.删除指定的数据并替换为指定的数据

1 var colors = ["red","white","black"];
2 colors.splice(0,1,["green","blue"]);
3 alert(colors.length); //弹出"4"字符串
4 alert(colors[0]);// 弹出"green" 表示第一个数据已经被删除
5 alert(colors[1]); // 弹出"blue" 表示数据添加成功

这里我们使用了"splice"的第三个参数将我们需要添加的数据放到了第三个参数中。

IIII、添加数据

1.追加数据

1 var colors = ["red","white","black"];
2 colors[colors.length] = "green";
3 colors[colors,length] = "blue";
4 alert(colors.length); //弹出"5"字符串
5 alert(colors[4]); //弹出"blue"字符串 表示数据成功追加

这里估计有人会困惑为什么用"colors,length",其实原理很简单，因为"length"属性永远比当前的最大索引大一，而且javascript又支持这种方式的赋值,自然就可以追加数据了。

1 var colors = ["red","white","black"];
2 colors.concat(["white","blue"]);
3 alert(colors.length); //弹出"5" 表示追加成功

2.在指定位置添加数据

1 var colors = ["red","black","white"];
2 colors.splice(1,0,["green","blue"]);
3 alert(colors.length); //弹出"5"
4 alert(colors[2]); //弹出"green"字符串

这里的这种方法前面已经阐述过，再次不在阐述

三、获得指定数据（进阶）

I、获得指定范围内的数据

1 var colors = ["red","black","white"];
2 alert(colors.slice(1)); //弹出"black,white" 字符串

这里的"slice"用来获得指定位置的数据，这里只传递了一个参数，参数是要获得数据的索引。

1 var colors = ["red","black","white"];
2 alert(colors.slice(1,2)); //弹出"black"字符春

这里使用的两个参数的"slice"，读者可能会发现只有弹出了"black"字符串，却没有弹出"white"字符串。因为最后指定的索引"4"是不会显示的。只会显示开始索引的数据到第二个参数指定的索引（不包括）

II、获得指定分隔符数据

1 var colors = ["red","blue","white"];
2 alert(colors.join("|")); //弹出"red|blue|white" 字符串

四、数据存储方式

I、栈

1 var colors = ["red","black","white"];
2 colors.push("black"); //压栈
3 alert(colors.pop()); // 弹出"black" 字符串

II、队列

1 var colors = ["red","black","white"];
2 colors.push("black");
3 alert(colors.shift()); //弹出"red"字符串

1 var colors = ["red","white","black"];
2 colors.unshift("blue");
3 alert(colors.pop()); //弹出"red"字符串

以上只是部分内容，后面将会继续更新

转载于:https://www.cnblogs.com/yaozhenfa/archive/2013/02/25/2932469.html

javascript——Array类型相关推荐

JavaScript -- array类型
array我认为是JavaScript中最常用的类型,最近刚好在看JavaScript红宝书,所以来总结一下相关方法. 创建数组有两种方法创建数组. 使用array构造函数 let array = ...
javascript Array类型方法大全
1,创建数组 1 //第一种是使用Array构造函数 2 var colors = new Array(); 3 var colors = new Array(20); //创建length为20的数 ...
JavaScript面向对象编程——Array类型
概述一维数组数组是一个有序的数据集合,可以通过数组名称和索引进行访问.JavaScript中并没有明确的数组数据类型. 二维数组数组是可以嵌套的,这就意味着一个数组可以作为一个袁旭被包含在另一个 ...
php 判断类型array,判断一个变量是数组Array类型的方法_javascript技巧
在很多时候,我们都需要对一个变量进行数组类型的判断.JavaScript中如何判断一个变量是数组Array类型呢?我最近研究了一下,并分享给大家,希望能对大家有所帮助. JavaScript中检测对象 ...
JavaScript的类型、值和变量
计算机程序的运行需要对值进行操作,在编程语言中,能够表示并操作的值得类型称为数据类型.变量用来将值存储起来,变量是值得符号名称. 一.数据类型 JavaScript的数据类型可以分为两类,原生类型和对 ...
cjson 对象是json数组型结构体_C语言 - cJSON解析特定格式含有数组array类型的数据...
在ESP32中使用了cJSON库,发现很好用.最近服务器端的JSON格式越来越多样,还是有些注意点,需要做下笔记记录下来. cJSON *MAC_arry = cJSON_GetObjectItem( ...
详解JavaScript变量类型判断及domReady原理写得很好
原文:详解JavaScript变量类型判断及domReady原理我们知道,在开发JavaScript时候,经常要判断JavaScript变量类型,此 JavaScript教程详细介绍JS变量的判断 ...
JavaScript Array forEach
1. js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了. 除此之外,也可以使用较简便的forEach 方式 2. forEac ...
Asp.net AJAX JavaScript 基本类型扩展（7）——String 类型及其扩展
参考: JScript 语言参考 http://msdn2.microsoft.com/en-us/library/c12461ed-986a-450b-be3d-81a4d808b48b Asp. ...

javascript——Array类型

一、创建

I、构造函数

1.空的Array实例

3.带数据的Array实例

II、字面量表示法

1.空的Array实例

2.带数据的Array实例

二、操作

I、访问数据

1.通过索引访问

II、修改数据

1.通过索引修改

III、删除数据

1.从后向前将数组删除至指定大小

2.删除指定的数据

3.删除指定的数据并替换为指定的数据

IIII、添加数据

1.追加数据

2.在指定位置添加数据

三、获得指定数据（进阶）

I、获得指定范围内的数据

II、获得指定分隔符数据

四、数据存储方式

I、栈

II、队列

javascript——Array类型相关推荐

最新文章

热门文章