数组简介

Author Avatar
Ninefire 6月 08, 2018
  • 在其它设备中阅读本文章

数组(Array)

  • 数组也是一个对象(废话)。
  • 数组和普通对象功能类似,也是用来存储一些值的。
  • 不同的是普通对象是使用字符串作为属性名来操作属性的,而数组是使用数字作为索引来操作元素的。
  • 索引:从0开始的整数就是索引。
  • 数组的存储性能比普通对象更好,在开发中经常使用数组来存储一些数据。

普通对象的存储

属性名属性值
--
--
--
--
“age”18
“name”“李建刚”

数组对象的存储

索引(index)
557
424
390
222
133
010

数组的基本操作

  • 使用new Array()创建数组
  • 向数组中添加元素
    语法:数组[索引] = 值;
  • 读取数组中的元素
    语法数组[索引]
  • 如果读取不存在的索引,会返回undefined
  • 使用length属性获取数组的长度(数组中多少元素)
    语法:数组.length
    length = 最大的索引 + 1
  • 如果修改的length大于原长度,则多出部分会空出来;
    如果修改的length小于原长度,则多出的元素会被删除。
  • 向数组的最后一个位置添加元素
    语法:数组[数组.length] = 值;
// 创建数组对象
var arr = new Array();

// 检查数组的类型
console.log(typeof arr); // object

// 向数组中添加元素 语法:数组[索引] = 值;
arr[0] = 10; // 向数组索引为0的位置添加一个值20
arr[1] = 33;
arr[2] = 22;

// 读取数组中的元素 语法:数组[索引]
console.log(arr[0]); // 10
console.log(arr[1]); // 33
console.log(arr[2]); // 22
console.log(arr[3]); // undefined

// 获取数组的长度
console.log(arr.length); // 3

// 修改数组的长度,末尾的元素会被删除
length = 2; // 22被删除

// 向数组的末尾添加值
arr[arr.length] = 70;
arr[arr.length] = 80;
arr[arr.length] = 90;

创建数组

语法:数组 = [];

  • 使用字面量创建数组时,可以在创建时就指定数组中的元素。
    元素之间使用逗号隔开。
// 使用字面量创建数组
var arr = [1, 2, 3, 4, 5, 10];

console.log(arr.length); // 6
console.log(arr[3]); // 4

// 使用构造函数创建数组,可以将元素作为函数的参数传递,
// 元素之间使用逗号隔开
var arr2 = new Array(10, 20, 30);

// 创建一个数组只有一个元素10
var arr3 = [10];

// 创建一个长度为10的数组
var arr4 = new Array(10);
  • 数组中的元素可以是任意的数据类型
// 数组中的元素可以是任何数据类型
var arr = ["hello", 2, true, null, undefined];

// 也可以是对象
var obj = {name:"李建刚"};
arr[arr.length] = obj;
arr = [{name:"name1"}, {name:"name2"}, {name:"name3"}];

// 也可以是函数
arr = [function(){alert(1);}, function(){alert(2);}]

// 也可以是数组,如下这种也称为二维数组
arr = [[1, 2, 3], [4, 5], [6, 7]];

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/JavaScript.basics/15.html