JavaScript学习笔记—数组

1. 描述

• 数组也是一种复合数据类型，在数组中可以存储多个不同类型的数据
• 数组中存储的是有序的数据，数组中的每个数据都有一个唯一的索引，可以通过索引来操作获取数据
• 数组中存储的数据叫元素

2. 创建数组

通过Array()来创建数组，也可以通过[]来创建数组

3. 向数组中添加元素

• 语法：数组[索引] = 元素

4. 读取数组中的元素

• 语法：数组[索引]（如果读取了一个不存在的元素，不是报错而是返回undefined）

5. length

• 获取数组的长度
• 获取的实际值就是数组的最大索引+1
• 向数组最后添加元素：数组[数组.length] = 元素
• length是可以修改的

const arr = new Array();
const arr2 = [1,2,3,4,5];
arr[0] = 10;
arr[1] = 22;
arr[2] = 44;
arr[3] = 88;
arr[4] = 99;
console.log(typeof arr); // object
console.log(arr.length);
 
arr[arr.length] = 33;
arr[arr.length] = 55;

6. 遍历数组

• 获取数组中的每个元素

let arr = ["孙悟空", "猪八戒", "沙和尚", "唐僧", "白骨精"];
// 正序遍历
for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}
// 倒序遍历
for(let i = arr.length - 1; i >= 0; i--){
  console.log(arr[i]);
}
/*
  定义一个Person类， 类中有两个属性name和age
  创建几个Person对象，将其添加到一个数组中
  遍历数组，并打印未成年人信息
*/
class Person {
  constructor(name, age){
    this.name = name;
	this.age = age;
  }
}
const personArr = [
  new Person("孙悟空", 18);
  new Person("沙和尚", 38);
  new Person("红孩儿", 8);
];
for(let i = 0; i < personArr.length; i++){
  if(personArr[i].age < 18){
    console.log(personArr[i]);
  }
}

7. for-of语句

• 可以用来遍历可迭代对象
• 语法：

for(变量 of 可迭代对象) {
  语句...
}

• 执行流程：for-of循环体会执行多次，数组中有几个元素就会执行几次

const arr = ["孙悟空", "猪八戒", "沙和尚", "唐僧"];
for(let value of arr){
  console.log(value);
}