1、简介
数组(Array)
- 数组也是一种复合数据类型,在数组可以存储多个不同类型的数据
- 数组中存储的是有序的数据,数组中的每个数据都有一个唯一的索引
可以通过索引来操作获取数据 - 数组中存储的数据叫做元素
- 索引(index)是一组大于0的整数
- 创建数组
通过Array()来创建数组,也可以通过[]来创建数组 向数组中添加元素
语法:数组[索引] = 元素
读取数组中的元素
语法:数组[索引] - 如果读取了一个不存在的元素,不好报错而是返回undefined
length
- 获取数组的长度
- 获取的实际值就是数组的最大索引 + 1
- 向数组最后添加元素:
数组[数组.length] = 元素 - length是可以修改的
<script>
const obj = {name:'孙悟空',age:18}
const arr = new Array()
const arr2 = [1,2,3,4,5]//数组字面量
arr[0] = 43
arr[1] = 22
arr[2] = 44
arr[3] = 88
arr[4] = 99
// 使用数组时,应该避免非连续数组,因为它性能不好
// arr[100] = 99
// console.log(arr[1])
// console.log(typeof arr) // object
// console.log(arr.length)
arr[arr.length] = 33;
arr[arr.length] = 66//没有用,因为越界
arr.length = 5
console.log(arr)
</script>
2、遍历数组
遍历数组
- 遍历数组简单理解,就是获取到数组中的每一个元素
<script>
//任何类型的值都可以成为数组中的元素
let arr = [1,'hello',true,null,{name:'孙悟空'},() => {}]
//创建数组时尽量要确保数组中存储的数据的类型是相同类型的
arr = ['孙悟空','猪八戒','沙和尚']
console.log(arr)
arr = ['孙悟空','猪八戒','沙和尚','唐僧','白骨精']
for(let i = 0; i < arr.length-1; 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('沙和尚',25),
new Person('红孩儿',9)
]
for(let i = 0; i < personArr.length; i++){
if(personArr[i].age < 18){
console.log(personArr[i])
}
}
</script>
3、for-of语句
for-of语句可以用来遍历可迭代对象
语法:
for(变量 of 可迭代的对象){
语句...
}
执行流程:
for-of的循环体会执行多次,数组中有几个元素就会执行几次,
每次执行时都会将一个元素赋值给变量
<script>
const arr = ['孙悟空','猪八戒','沙和尚','唐僧']
for(let value of arr){
console.log(value)
}
for(let value of 'hello'){
console.log(value)
}
</script>