JavaScript-初识Array数组

初识 Array 数组

1. 说明

1. 数组也是一个对象
2. 它和普通的对象功能类似，也是用来存储一些值的
3. 不同的是普通对象是使用字符串作为属性名的
   • 而数组是使用数字来作为索引来操作元素
4. 索引：
   • 从 0 开始的整数就是索引
5. 数组的存储性能比普通对象要好，在开发中我们减产使用数组来存储一些数据

2. 创建数组对象

//创建数组对象
var arr = new Array();

//使用typeof检查一个数组时,会返回Object
console.log(typeof arr);

3. 添加元素和读取元素

var arr = new Array();

//语法：数组[索引] = 值
arr[0] = 10;
arr[1] = 33;
arr[2] = 22;
arr[3] = 44;
//arr[10] = 31;
//arr[100] = 90;

//语法：数组[索引]
//如果读取不存在的索引，它不会报错而是返回undefined

console.log(arr[3]);

4. 获取数组的 length 长度

1. 可以使用 length 属性来获取数组的长度(元素的个数)
2. 语法：数组.length
3. 对于连续的数组，使用 length 可以获取到数组的长度(元素的个数)
4. 对于非连续的数组，使用 length 会获取到最大的索引+1
   • 尽量不要创建非连续的数组

var arr = new Array();
arr[0] = 10;
arr[1] = 33;
arr[2] = 22;
arr[3] = 44;

console.log(arr.length);
console.log(arr);

5. 修改 length 长度

1. 如果修改的 length 大于原长度，则多出的部分会空出来
2. 如果修改的 length 小于原长度，则多出的元素会被删除

var arr = new Array();
arr[0] = 10;
arr[1] = 33;
arr[2] = 22;
arr[3] = 44;
//arr.length = 10;
arr.length = 2;

console.log(arr.length);
console.log(arr);

6. 向数组的最后一个位置添加元素

var arr = new Array();
arr[0] = 10;
arr[1] = 33;
arr[2] = 22;
arr[3] = 44;
arr[4] = 50;
arr[5] = 60;

//语法：数组[数组.length] = 值;
arr[arr.length] = 70;
arr[arr.length] = 80;
arr[arr.length] = 90;

console.log(arr);