一、数组的概念
1.数组(Array)可以把一组相关的数据一起存放,并提供方便的访问(获取)方式
2.数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素,数组是一种将一组数据存储在单个变量名下的优雅方式
二、创建数组
1.数组的创建方式有两种
(1)利用 new 创建数组
这种方式暂且了解,等学完对象再看
注意Array(),A要大写
(2)利用数组字面量创建数组
数组的字面量是方括号[]
声明数组并赋值称为数组的初始化
这种字面量方式也是我们以后最多使用的方式
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 数组(Array):就是一组数据的集合 存储在单个变量下的优雅方式// 2. 利用 new 创建数组var arr = new Array(); // 创建了一个空的数组// 3. 利用数组字面量创建数组[]var arr = [];var arr1 = [1, 2, 'hello word', true];</script>
</head><body></body></html>
2.数组的元素类型
(1)数组中可以存放任意类型的数据,例如字符串,数字,布尔值等
三、获取数组中的元素
1.数组的索引
(1)索引(下标):用来访问数组元素的序号(数组下标从0开始)
(2)数组可以通过索引来访问、设置、修改对应的数组元素,我们可以通过“数组名[索引]” 的形式来获取数组中的元素
(3)这里的访问就是获取得到的意思
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 数组(Array):就是一组数据的集合 存储在单个变量下的优雅方式// 2. 利用 new 创建数组var arr = new Array(); // 创建了一个空的数组// 3. 利用数组字面量创建数组[]var arr = [];var arr1 = [1, 2, 'hello word', true];// 4. 我们数组里面的数据一定用逗号隔开// 5. 数组里面的数据 比如 1 , 2 我们称为数组元素// 6. 获取数组元素 格式 数组名[索引号] 索引号从 0 开始console.log(arr1[2]); // hello wordconsole.log(arr1);var arr2 = ['hello word1', 'hello word2', 'hello word3']console.log(arr2[0]);console.log(arr2[1]);console.log(arr2[2]);console.log(arr2[3]); // 因为没有这个数组元素 所以输出的结果是 undefined</script>
</head><body></body></html>
四、遍历数组
1.我们可以通过“数组名[索引号]”的方式将数组里的每一项取出来
2.从代码中我们可以发现,从数组中取出每一个元素,代码是重复的,有所不一样的是索引值在递增
3.遍历就是把数组中的每个元素从头到尾都访问一次(类似我们每天早上学生的点名)
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 遍历数组:就是把数组的元素从头到尾访问一次var arr = ['hello word1', 'hello word2', 'hello word3', 'hello word4']for (var i = 0; i < 4; i++) {console.log(arr[i]);}// 1. 因为我们的数组索引号从0开始,所以 i 必须从 0 开始 i < 3// 2. 输出的时候 arr[i] i计数器当索引号来用</script>
</head><body></body></html>