Day14-JavaScript循环&数组&遍历挑选累计
文章目录
- 遍历-挑选-累计
-
- 一 switch条件选择语句
-
- 案例1
- 二 for循环-遍历-挑选-累计
-
- 案例1
- 案例2
- 案例3
- 案例4
- 案例5
- 三 break&continue
-
- 1.break
- 2.continue
- 四 数组
-
- 1 为什么需要数组
- 2 数组概述
- 3 数组的基础语法
- 4 数组API操作-基础
- 5-数组的遍历
- 6-数组的扩展
- 五 遍历-挑选-累计
-
-
- 案例1
- 案例2
-
遍历-挑选-累计
一 switch条件选择语句
案例1
用代码实现本周食谱：周一：鸡蛋 周二：鱼 周三：青菜 周四：牛肉 周五：虾 周六：汉堡 周天：鸡翅;
let week = "周三"
switch(week){
case "周一":
console.log("鸡蛋");
break
case "周二":
console.log("鱼");
break
case "周三":
console.log("青菜");
break
case "周四":
console.log("牛肉");
break
case "周五":
console.log("虾");
break
case "周六":
console.log("汉堡");
break
case "周天":
console.log("鸡翅");
break
default:
console.log("没有这一天");
break
}
二 for循环-遍历-挑选-累计
/**
* 循环
* 重复的干某件事,就是循环
* 语法
* for(初始值;循环结束的条件;自变){
*
* }
*
*/
案例1
怎样输出2遍hello-world?
怎样输出100遍hello-world?
<script>
// 怎样输出2遍hello-world
console.log("hello-world");
console.log("hello-world");
// 怎样输出100遍hello-world
console.log("-----------------------------------");
/**
* 循环
* 重复的干某件事,就是循环
* 语法
* for(初始值;循环结束的条件;自变){
*
* }
*
*/
for(let i=1;i<=100;i++){
console.log("hello-world-"+i);
}
</script>
案例2
输出1-5之间的数字
输出1-100之间的数
输出1-100之间的偶数
输出1-100之间的奇数
<script>
//1.怎样输出1-5之间的数字
for(let i=1;i<=5;i++){
console.log(i);
}
console.log("-----------------");
//2.怎样输出1-100之间的数字
for(let i=1;i<=100;i++){
console.log(i);
}
console.log("-----------------");
//3.怎样输出1-100之间的偶数
for(let i=1;i<=100;i++){
if(i%2 == 0){
console.log(i);
}
}
console.log("-----------------");
//4.怎样输出1-100之间的奇数
for(let i=1;i<=100;i++){
if(i%2 != 0){
console.log(i);
}
}
</script>
案例3
循环求1-5的和
<script>
//1.使用循环得到1-5之间所有的数
//2.创建一个变量存储累加和
let sum = 0
for(let i=1;i<=5;i++){
//3.累加求和
sum = sum + i
}
//4.在循环外面输出
console.log(sum);
</script>
案例4
求1~100之间 所有偶数的和
//1.使用循环得到1-100之间的数
//2.使用if语句挑选出1-100之间的偶数
//3.累加求和
let sum2 = 0
for(let i=1;i<=100;i++){
if(i%2 == 0){
sum2 = sum2 + i
}
}
console.log(sum2);
案例5
求1~100之间 偶数出现的次数
<script>
//求1~100之间 偶数出现的次数
//1.使用循环得到1-100之间所有的数
//2.使用if语句挑选出所有的偶数
//3.统计偶数有多少个
let count = 0
for(let i=1;i<=100;i++){
if(i%2 == 0){
count = count + 1
}
}
console.log(count);
</script>
三 break&continue
break(结束)--结束循环
continue(继续)--结束本次循环,继续下一次循环
1.break
for(let i=1;i<=5;i++){
if(i == 3){
break
}
console.log(i);
}
2.continue
for(let i=1;i<=5;i++){
if(i == 3){
continue
}
console.log(i);
}
四 数组
1 为什么需要数组
2 数组概述
数组的定义
数组是一组数据的集合。
存储在数组中的数据我们称之为数组元素，而数组元素是可以通过“数组名[下标]”这种方式来进行访问的。
* 数组的下标(索引)从0开始
* 数组下标的最大值是数组的长度-1
3 数组的基础语法
<script>
// 变量
let a = 10
/**
* 数组
*/
//创建数组
let arr = ["赵日天",5,1,7,6]
//增
arr[5]=100
//改
arr[2] = 200
//查
console.log(arr[0]);
//输出数组
console.log(arr);
//查看数组长度
let len = arr.length
console.log("数组长度:",len);
</script>
知识点
数组的创建
数组的增/改/查/查看长度
4 数组API操作-基础
追加/查找/包含/删除/拼接
<script>
//1.创建数组
let arr = [3,5,1,7,6];
//2.在数组最后追加
arr.push(100)
//3.找某个元素在数组中的下标,找到结果为下标，没找到结果为-1
let index = arr.indexOf(500)
console.log("下标为",index);
//4.包含 判断数组中是否包含某个元素,结果是布尔类型
let f = arr.includes(70)
console.log(f);
//5.删除
//删除第一个元素
arr.shift()
//删除最后一个元素
arr.pop()
//指定下标删除 arr.splice(要删除元素的下标,要删除元素的数量);
arr.splice(0,1)
//输出数组
console.log(arr);
//查看数组长度
let len = arr.length
console.log("数组的长度:",len);
//join(参数)：将数组中的元素按照指定的分隔符拼接为字符串；
let s = arr.join("-")
console.log(s);
</script>
知识点
push() 在末尾追加
indexOf() 找某个元素在数组中的下标 ,找到给出下标,没找到为-1
includes() 包含
shift() 删除数组第一个元素
pop() 删除数组最后一个元素
splice(index,num) 根据下标删除数组元素,参数:索引,要删除的个数
join() 数组转字符串
<script>
let arr = [3,5,1,7,6];
/**
* 拷贝
* arr.slice() 从头拷贝带尾
* arr.silce(beginIndex) 从指定索引开始拷贝到数组末尾
* arr.slice(beginIndex,endIndex) 从索引beginIndex拷贝到索引endIndex,左闭右开
*/
let newArr1 = arr.slice()
console.log(newArr1);
let newArr2 = arr.slice(1)
console.log(newArr2);
let newArr3 = arr.slice(1,4)
console.log(newArr3);
/**
* 拼接
* concat()
*/
let newArr4 = arr.concat(33,44,55)
console.log(newArr4);
/**
* 数组反转
* reverse()
*/
let newArr5 = arr.reverse()
console.log(newArr5);
</script>
知识点
拷贝
拼接
反转
5-数组的遍历
let arr = [3,5,1,7,6];
正序遍历
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]);
}
6-数组的扩展
扩展运算符
<script>
let arr = [3,5,1,7,6]
console.log(arr);
//es6新增一个 ...扩展运算符,用来去掉数组外面的括号
console.log(...arr)
</script>
五 遍历-挑选-累计
案例1
输出一组整数中的正数/负数
统计正数/负数的个数
<script>
let arr = [3,-20,4,5,-50,6,7];
//1输出一组整数中的正数/负数
//a.遍历数组
//b.挑选
for(let i=0;i<arr.length;i++){
if(arr[i]>0){
console.log(arr[i]);
}
}
for(let i=0;i<arr.length;i++){
if(arr[i]<0){
console.log(arr[i]);
}
}
//2统计正数/负数的个数
let count1 = 0
let count2 = 0
for(let i=0;i<arr.length;i++){
if(arr[i]>0){
count1 = count1 + 1
}else{
count2 = count2 + 1
}
}
console.log("正数的个数",count1);
console.log("负数的个数",count2);
</script>
案例2
求一组整数的和
<script>
let arr = [3,5,1,7,6];
//求一组整数的和
//在循环外面创建变量
let sum = 0
for(let i=0;i<arr.length;i++){
//在循环里面累加求和
sum = sum + arr[i]
}
//在循环的外面输出结果
console.log(sum);
</script>