JavaScript 08"/>
JavaScript 08
数组
- 昨日复习
- 01 - 数组的使用
- 1. 数组的概念
- 2. 创建数组
- 知识总结
- 3. 获取数组元素
- 知识总结
- 02 - 遍历数组
- 4. 遍历数组
- 知识总结
- 03 - 数组长度
- 04 - 计算数组的和以及平均值
- 05 - 求数组中的最大值
- 06 - 数组转换为字符串
- 07 - 新增数组元素
- 5. 数组中新增元素
- 知识总结
- 08 - 数组存放1~10个值
- 09 - 筛选数组
- 10 - 数组去重(删除指定数组元素)
- 11 - 翻转数组
- 12 - 复习交换两个变量
- 13 - 冒泡排序
昨日复习
- 结束当前次循环的关键词是 continue
- 结束当前循环的关键词是 break
- JS的循环有 for 与 while 与 do-while
01 - 数组的使用
1. 数组的概念
问:之前学习的数据类型,只能存储一个值。如果我们想存储班级中所有学生的姓名,那么该如何存储呢?
答:可以使用数组(Array)。数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。
问:什么是数组呢?
答:数组是指 一组数据的集合 ,其中的每个数据被称作 元素 ,在数组中可以 存放任意类型的元素 。数组是一种将 一组数据存储在单个变量名下 的优雅方式。
// 普通变量一次只能存储一个值
var num = 10;
// 数组一次可以存储多个值
var arr = [1,2,3,4,5];
2. 创建数组
2.1 数组的创建方式
JS 中创建数组有两种方式:
- 利用 new 创建数组
- 利用数组字面量创建数组
2.2 利用new创建数组
var 数组名 = new Array() ;
var arr = new Array(); // 创建一个新的空数组
- 这种方式暂且了解,等学完对象再看
- 注意 Array () ,A 要大写
2.3 利用数组字面量创建数组
//1. 使用数组字面量方式创建空的数组
var 数组名 = [];
//2. 使用数组字面量方式创建带初始值的数组
var 数组名 = ['小白','小黑','大黄','瑞奇'];
- 数组的字面量是方括号[]
- 声明数组并赋值称为数组的初始化
- 这种字面量方式也是我们以后 最多使用的方式
2.4 数组元素的类型
数组中可以存放 任意类型 的数据,例如字符串,数字,布尔值等。
var arrStus = ['小白',12,true,28.9];
知识总结
-
数组的作用是什么?
数组:一组数据的集合,使用一个变量同时存储多个数据 -
创建数组我们有哪两种方式? 哪一种我们最常用?
创建数组的方式:
var arr = new Array()
var arr = [ 1,2,'demo'];
- 什么是数组元素? 数组里面类型有限制吗?
数组中的数据成为数组的元素,元素的数据类型没有限制
3. 获取数组元素
3.1 数组的索引
索引 (下标): 用来访问数组元素的序号(数组下标从 0 开始)。
var arr = [‘小白’,‘小黑’,‘大黄’,‘瑞奇’];
索引号: 0 1 2 3
数组可以通过 索引 来访问、设置、修改对应的数组元素,我们可以通过 “数组名[索引]” 的形式来获取数组中的元素。
这里的 访问 就是获取得到的意思
// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]); // 2
知识总结
-
如何把数组中的元素取出来?
数组中的每个元素都有编号,编号默认从0开始,称为"索引",“下标”
从数组中取出来指定元素:利用数组的索引值取元素 -
如果获取数组中不存在的元素时,获取到的值是什么?
如果通过索引值获取数组中没有的元素,得到的值是undefined
课堂练习:数组练习
定义一个数组,里面存放星期一、星期二…… 直到星期日(共7天),在控制台输出:星期日
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>01-数组的使用</title><script>// 1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式 // 2. 利用new 创建数组var arr = new Array(); // 创建了一个空的数组// 3. 利用数组字面量创建数组 []var arr = []; // 创建了一个空的数组var arr1 = [1, 2, 'pink老师', true];// 4. 我们数组里面的数据一定用逗号分隔// 5. 数组里面的数据 比如1,2, 我们称为数组元素// 6. 获取数组元素 格式 数组名[索引号] 索引号从 0开始 console.log(arr1); // Array(4) [ 1, 2, "pink老师", true ]console.log(arr1[2]); // pink老师console.log(arr1[3]); // truevar arr2 = ['迪丽热巴', '古丽扎娜', '佟丽丫丫'];console.log(arr2[0]); // 迪丽热巴console.log(arr2[1]); // 古丽扎娜console.log(arr2[2]); // 佟丽丫丫console.log(arr2[3]); // 因为没有这个数组元素 所以输出的结果是 undefined// 定义一个数组,里面存放星期一、星期二…… 直到星期日(共7天),在控制台输出:星期日var week = ['星期一','星期二','星期三','星期四','星期五','星期六','星期日'];console.log(week[6]); // 星期日</script>
</head>
<body></body>
</html>
02 - 遍历数组
4. 遍历数组
问:数组中的每一项我们怎么取出来?
答:可以通过 “数组名[索引号]” 的方式一项项的取出来。
var arr = ['red','green', 'blue'];
console.log(arr[0]) // red
console.log(arr[1]) // green
console.log(arr[2]) // blue
问:怎么把数组里面的元素全部取出来?
规律: 从代码中我们可以发现,从数组中取出每一个元素时,代码是重复的,有所不一样的是 索引值在递增
答案就是 循环
遍历: 就是把数组中的每个元素从头到尾都访问一次(类似我们每天早上学生的点名)。
我们可以通过 for 循环索引遍历数组中的每一项
更多推荐
JavaScript 08
发布评论