首页 > 编程笔记 > JavaScript笔记 > JS数组
阅读:230
JS定义/创建数组(两种方式)
JavaScript 定义(创建或者声明)数组的方法有两种:构造数组和数组直接量。
1) 直接量定义
2) 构造函数定义
3) delete 删除
空元素可以读写,length 属性不排斥空位。如果使用 for 语句和 length 属性遍历数组,空元素都可以被读取,空元素返回值为 undefined。
空元素与元素的值为 undefined 是两个不同的概念,即使空元素的返回值也是 undefined。JavaScript 在初始化数组时,只有真正存储有值得元素才可以分配内存。
使用 forEach() 方法、for/in 语句以及 Object.keys() 方法进行遍历时,空元素都会被跳过,但是值为 undefined 元素,能够被正常迭代。
关联数组就是与数组关联的对象,简单的说就是数组对象,字符串下标就是数组对象的属性。
访问数组就是访问数组元素。元素相当于变量,数组的元素是一组有序排列的变量,它们没有标识符,以下标进行索引,下标从 0 开始,有序递增。注意,数组下标是非负整数型表达式,或者是字符型数字,不可以为其他类型的值或表达式。
使用中括号[]可以读写数组。中括号左侧是数组名称,中括号内为数组下标。
一般情况下实现变量交换,需要定义一个临时变量做中转。
构造数组
使用 new 运算符调用 Array() 类型函数时,可以构造一个新数组。示例1
直接调用 Array() 函数,不传递参数,可以创建一个空数组。var a = new Array(); //空数组
示例2
传递多个值,可以创建一个实数组。var a = new Array(1, true, "string", [1,2], {x:1,y:2}); //实数组每个参数指定一个元素的值,值得类型没有限制。参数的顺序也是数组元素的顺序,数组的 length 属性值等于所传递参数的个数。
示例3
传递一个数值参数,可以定义数组的长度,即包含元素的个数。var a = new Array(5); //指定长度的数组参数值等于数组 length 的属性值,每个元素的值默认值为 undefined。
示例4
如果传递一个参数,值为 1,则 JavaScript 将定义一个长度为 1 的数组,而不是包含一个元素,其值为 1 的数组。var a = new Array(1); console.log(a[0]);
数组直接量
数组直接量的语法格式:在中括号中包含多个值列表,值之间用逗号分隔。示例
下面代码使用数组直接量定义数组。var a = []; //空数组 var a = [1, true, "0", [1,0], {x:1,y:0}]; //包含具体元素的数组推荐使用数组直接量定义数组,因为数组直接量是定义数组最简便、最高效的方法。
空位数组
空位数组就是数组中包含空元素。所谓空元素,就是在语法上数组中两个逗号之间没有任何值。出现空位数组的情况如下。1) 直接量定义
var a = [1, , 2]; a.length; //返回3如果最后一个元素后面加逗号,不会产生空位,与没有逗号时效果一样。
var a = [1, 2, ]; a.length; //返回2
2) 构造函数定义
var a = new Array(3); //指定长度的数组 a.length(); //返回3,产生3个空元素
3) delete 删除
var a = [1, 2, 3]; delete a[1]; console.log(a[1]); //undefined console.log(a.length); //3上面代码使用了 delete 命令删除了数组的第 2 个元素,这个位置就形成了空位。
空元素可以读写,length 属性不排斥空位。如果使用 for 语句和 length 属性遍历数组,空元素都可以被读取,空元素返回值为 undefined。
var a = [, , ,]; for (var i = 0; i < a.length; i++) { console.log(a[i]); //返回3个undefined
空元素与元素的值为 undefined 是两个不同的概念,即使空元素的返回值也是 undefined。JavaScript 在初始化数组时,只有真正存储有值得元素才可以分配内存。
使用 forEach() 方法、for/in 语句以及 Object.keys() 方法进行遍历时,空元素都会被跳过,但是值为 undefined 元素,能够被正常迭代。
var a = [, , undefined]; for (var i in a) { console.log(i); //返回2,仅读取了第3个元素 } console.log(a.length); //返回3,包含3个元素
关联数组
如果数组的下标值超出范围,如负数、浮点数、布尔值、对象或其他值,JavaScript 会自动把它转换为一个字符串,并定义为关联数组。关联数组就是与数组关联的对象,简单的说就是数组对象,字符串下标就是数组对象的属性。
示例1
在下面示例中,数组下标 false、true 将不会被强制转换为数值 0、1,JavaScript 会把变量 a 视为对象,false 和 true 转换的字符串被视为对象的属性名。var a = []; //声明数组 a[false] = false; a[true] = true; console.log(a[0]); //返回undefined console.log(a[1]); //返回undefined console.log(a[false]); //返回false console.log(a[true]); //返回true console.log(a["false"]); //返回false console.log(a["true"]); //返回true
示例2
关联数组是一种数据格式,被称为哈希表。哈希表的数据检索速度要优于数组。var a = [["张三",1],["李四",2],["王五",3]]; //二维数组 for (var i in a) { //遍历二维数组 if (a[i][0] == "李四") console.log(a[i][1]); //检索指定元素 }如果使用文本下标会更为高效。
var a = []; //定义空数组 a["张三"] = 1; //以文本下标来存储元素的值 a["李四"] = 2; a["王五"] = 3; console.log(a["李四"]); //快速定位检索
示例3
对象也可以作为数组下标,JavaScript 会试图把对象转换为数值,如果不行,则把它转换为字符串,然后以文本下标的形式进行操作。var a = []; //数组直接量 var b = function () { //函数直接量 return 2; } a[b] = 1; //把对象作为数组下标 console.log(a.length); //返回长度为0 console.log(a[b]); //返回1可以这样读取元素值。
var s = b.toString(); //获取对象的字符串 console.log(a[s]); //利用文本下标读取元素的值还可以这样设计下标,此时为数组的元素,而不是关键属性了。
a[b()] = 1; console.log(a[2]); console.log(a.length);
伪类数组
伪类数组,也称为类数组,即类似数组结构的对象。简单的说,就是对象的属性名为非负整数,且从 0 开始,有序递增,同时包含 length 属性,还应确保其值与有序下标属性个数保持动态一致,以方便对伪类数组进行迭代操作。大家所熟知的 jQuery 对象就是一个伪类数组。示例
在下面示例中,obj 是一个对象直接量,当使用数组下标为其赋值时,JavaScript 不再把它看作是数组下标,而是把它看作对象的属性名。var obj = {}; //定义对象直接量 obj[0] = 0; obj[1] = 1; obj[2] = 2; obj.length = 3; console.log(obj["2"]); //返回2它相当于一个对象直接量。
var obj = { 0 : 0, 1 : 1, 2 : 2, length : 3 };由于数字是非法的标识符,所以不能使用点语法来读写属性。
console.log(obj.0);而应该使用中括号语法来读写属性。
console.log(obj["2"]);
访问数组
数组是复合型数据,数组名称是一个指向数组的引用型变量,因此数组属于引用型对象。访问数组就是访问数组元素。元素相当于变量,数组的元素是一组有序排列的变量,它们没有标识符,以下标进行索引,下标从 0 开始,有序递增。注意,数组下标是非负整数型表达式,或者是字符型数字,不可以为其他类型的值或表达式。
使用中括号[]可以读写数组。中括号左侧是数组名称,中括号内为数组下标。
数组[下标表达式]
下标表达式是值为非负整数的表达式。示例1
下面代码使用中括号为数组写入数据,然后再读取数组元素的值。var a = []; //声明一个空数组 a[0] = 0; //为第一个元素赋值为0 a[2] = 2; //为第三个元素赋值为2 console.log(a[0]); //读取第一个元素,返回值为0 console.log(a[1]); //读取第二个元素,返回值为undefined console.log(a[2]); //读取第三个元素,返回值为2在上面代码中仅为 0 和 2 下标位置的元素赋值,下标为 1 的元素为空,读取时为空的元素返回值默认为 undefined。
示例2
下面代码使用 for 语句批量为数组赋值,其中数组下标是一个递增表达式。var a = new Array(); for (var i = 0; i < 10; i ++) { a[i ++] = ++ i; } console.log(a);
示例3
设计有两个变量,不需要其他变量的帮助实现值互换。一般情况下实现变量交换,需要定义一个临时变量做中转。
var a = 10, b = 20; //变量初始化 var temp = a; //定义临时变量存储a a = b; //把b的值赋值给a b = temp; //把临时变量的值赋值给b利用数组就可以这样设计。
var a = 10, b = 20; //变量初始化 a = [b, b = a][0]; //通过数组快速交换数据
设计技巧
数组的元素允许使用表达式,表达式的值与元素的值是两个不同的概念,本质上元素也是一个变量,标识符是下标编号。在一个匿名数组中,把变量 b 的值传递给第 1 个元素,然后在第 2 个元素中以赋值表达式运算的方式把变量 a 的值赋值给变量 b,再把变量 b 的值传递给第 2 个元素。这个过程是按顺序执行的,变量 b 的值被重写,同时数组也被添加了两个元素,最后使用中括号语法读取第 1 个元素的值,并赋值给变量 a,从而实现值互换。所有教程
- socket
- Python基础教程
- C#教程
- MySQL函数
- MySQL
- C语言入门
- C语言专题
- C语言编译器
- C语言编程实例
- GCC编译器
- 数据结构
- C语言项目案例
- C++教程
- OpenCV
- Qt教程
- Unity 3D教程
- UE4
- STL
- Redis
- Android教程
- JavaScript
- PHP
- Mybatis
- Spring Cloud
- Maven
- vi命令
- Spring Boot
- Spring MVC
- Hibernate
- Linux
- Linux命令
- Shell脚本
- Java教程
- 设计模式
- Spring
- Servlet
- Struts2
- Java Swing
- JSP教程
- CSS教程
- TensorFlow
- 区块链
- Go语言教程
- Docker
- 编程笔记
- 资源下载
- 关于我们
- 汇编语言
- 大数据
- 云计算
- VIP视频