JS学习Day8之数组

数组的概念

• 数组是一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素

数组的创建方式

利用 new 创建数组

var arr1 = new Array(); // 创建了一个空的数组

利用数组字面量创建数组

var arr2 = []; // 创建了一个空的数组

• 声明数组并赋值称为数组的初始化

  var arr3 = [1,2,'LXG',true];
  

• 数组中可以存放任意类型的数据

获取数组中的元素

• 数组的索引（下标）：用来访问数元素的序号（数组下标从 0 开始）

• 数组可以通过索引来访问、设置、修改对应元素

var arr = [1,2,'LXG',true];
console.log(arr); // 返回四个元素
console.log(arr[2]); //返回  LXG
console.log(arr[4]); // 返回 nudefined

遍历数组

• 就是把数组中的每个元素从头到尾都访问一次

var arr = ['red','green','blue'];
for (var i = 0;i < 3;i++) {
    console.log(arr[i]);
}

• 数组长度：
  • 使用”数组名.length“，可以访问数组元素的数量（数组长度）
  • 可以动态监测数组元素的个数

数组中新增元素

通过修改 length 长度新增数组元素

• 可以通过修改 length 长度来实现数组扩容的目的
• length 属性是可读写的

// 1. 新增数组元素 修改length 长度
var arr = ['red','green','blue'];
console.log(arr.length); // 返回 3
arr.length = 5; // 手动将数组长度修改为 5
console.log(arr); // 返回  ["red", "green", "blue", empty × 2]
console.log(arr[3]); // 返回undefined
console.log(arr[4]); // 返回undefined

通过修改数组索引新增数组元素

• 可以通过修改数组索引的方式追加数组元素
• 不要直接给数组赋值，否则会覆盖掉以前的数据

// 2. 修改索引号
var arr1 = ['red','green','blue'];
arr1[3] = 'pink'; // 追加
console.log(arr1); // 返回 ["red", "green", "blue", "pink"]
arr1[0] = 'yellow'; // 替换
console.log(arr1); // 返回 ["yellow", "green", "blue", "pink"]
arr1 = 'LXG';
 console.log(arr1); // 返回 LXG （注意）

筛选（大于10）数组

// 方法1：
var arr = [2,0,6,1,77,0,52,56,78,345,2];
var newArr = [];
var j = 0;
for (var i = 0;i < arr.length;i++) {
   if (arr[i] >= 10) {
       newArr[j] = arr[i];
       j++;
   }
}
console.log(newArr); // 返回 [77, 52, 56, 78, 345]
// 方法2：
var newArr2 = [];
for (var i = 0;i < arr.length;i++) {
   if (arr[i] >= 10) {
       newArr2[newArr2.length] = arr[i];
   }
}
console.log(newArr2); // 返回 [77, 52, 56, 78, 345]

翻转数组

var arr = ['red','green','blue'];
var newArr = [];
for (var i = arr.length - 1;i >= 0;i--) {
    newArr[newArr.length] = arr[i];
}
console.log(newArr); // 返回 ["blue", "green", "red"]