1.排错
需要思考:
1.bug产生的原因是什么?2.如何解决这个bug? 3.你是怎么找出来的?:(1)用眼睛观察代码(2)分析控制台报错(3)打断点调试
<script>
//需求:数组求和
let arr = [88, 50, 20, 75, 31]
for (let i = 0; i<arr.length; i++) {
let sum = 0
sum ++
}
console.log(sum)
//答案分析
//需求:数组求和
let arr = [88, 50, 20, 75, 31]
//此处声明全局变量
let sum = 0
for (let i = 0; i<arr.length; i++) {
let sum = 0
sum ++ //求和,非自加-----sum += arr[i]
}
console.log(sum)//不能调用局部变量
</script>
2.分析
需求:有一个数组存储5个学生分数,请给代码添加注释,并分析这段代码功能
<script>
//(1)声明数组,存储学生分数
let arr = [88, 75, 58, 98, 47]
//(2)循环遍历数组
for (let i = 0; i<arr.length; i++) {
//(3)判断数组里元素的每一项找到大于60的元素
if (arr[i] >= 60) {
continue
}
//(4)通过countinue结束循环打印对象的数组索引号
console.log(i)
}
</script>
3.分析
需求:有一个数组存储5个学生分数,请给代码添加注释,并分析这段代码功能
<script>
//(1)申明
let arr = [88, 75, 58, 90, 47]
//(2)遍历
for (let i = 0; i < arr.length; i++) {
//(3)筛选小于60的并打印索引号
if (arr[i] < 60) {
console.log(i)
break//找到一个就结束循环不继续寻找
}
}
</script>
4.案例
需求:
让用户输入五个有效年龄(0-100之间),放入数组,必须输入五个有效年龄,如果是无效年龄,则不能放入数组中,打印出所有人的平均年龄:平均年龄 = 年龄总和 / 人数
<script>
let add = 0
for (let i = 0; i < 5; i++) {
let age = +prompt('年龄')
add = add + age
}
console.log(add / 5)
</script>
5.案例(一)
有一个数组,存储了10件衣服的价格
const arr = [129,168,239,388,499,99,576,312,198,275]
需求:筛选低于200元以下商品:将数组中小于200的元素,放入一个新数组中
目标数组 : [129,168,99,198]
<script>
//答案
const arr = [129,168,239,388,499,99,576,312,198,275]
const newArr = []
for (let i = 0; i < arr.length; i++) {
if(arr[i] < 200){
newArr.push(arr[i])
continue
}
}
console.log(newArr)
</script>
6.案例(二)
有一个数组,存储了10件衣服的价格
const arr = [129,168,239,388,499,99,576,312,198,275]
需求:筛选300-500之间的商品:将数组中300-500区间的元素,放入一个新数组中
目标数组 : [388,499,312]
<script>
//答案
const arr = [129,168,239,388,499,99,576,312,198,275]
const newArr = []
for (let i = 0; i < arr.length; i++) {
if(arr[i] > 300 && arr[i] <500){
newArr.push(arr[i])
continue
}
}
console.log(newArr)
</script>
7.案例(三)
有一个数组,存储了10件衣服的价格
const arr = [129,168,239,388,499,99,576,312,198,275]
需求:全场75折 : 将数组中每一件商品价格打75折,然后存入新数组中
<script>
//答案
const arr = [129,168,239,388,499,99,576,312,198,275]
const newArr = []
for (let i = 0; i < arr.length; i++) {
let num = arr[i] * 0.75
newArr.push(num)
continue
}
console.log(newArr)
</script>
*建议先看题自己做一遍再看答案哦!所有题目,除需要css样式之外的, 都需要自己新建文件把题干写出来。