JavaScript学习笔记(三)

JavaScript学习笔记(三)

退出循环

• continue 退出本次循环，一般用于排除或者跳过某一个选项的时候，可以使用continue
• break 退出整个for循环，一般用于结果已经得到，后续的循环不需要的时候可以使用

for (let i = 1; i <= 5; i++) {
  if (i % 2 === 0) {
    continue;  // 偶数时跳过当前循环
  }
  console.log(i);  // 只打印奇数
}

for (let i = 1; i <= 5; i++) {
  if (i > 3) {
    break;  // 一旦 i > 3，立即退出整个循环
  }
  console.log(i);
}

循环嵌套

for（外部声明记录循环次数的变量； 循环条件； 变化值）{  
    for（内部声明记录循环次数的变量； 循环条件； 变化值）{      
        循环体     
    }    
}

打印乘法表

<style>  
    span {
      display: inline-block;
      width: 70px;
      padding: 5px 20px;
      border: 1px solid #000;
      margin: 2px;
      border-radius: 5px;
      box-shadow: 2px 2px 2px rgba(255, 192, 203, .4);
      background-color: rgba(255, 192, 203, .1);
    }
</style>
<script>

    for (let i = 1; i <= 9; i++) {
        for (let j = 1; j <= i; j++) {
          document.write(`${i} × ${j} = ${i * j}`);
        }
        document.write('
')
      }
</script>

数组

数组是一种可以按顺序保存数据的数据类型

声明语法

• let 数组名 = [数据1, 数据2, ..., 数据n]
• let arr = new Array(数据1, 数据2, ..., 数据n)

取值语法

数组名[下标]

求最大值/最小值

const arr = [3, 7, 2, 9, 4];
let maxVal = arr[0];
let minVal = arr[0];

for (let i = 1; i < arr.length; i++) {
    if (arr[i] > maxVal) {
        maxVal = arr[i];
    }
    if (arr[i] < minVal) {
        minVal = arr[i];
    }
}

console.log("最大值:", maxVal);  // 输出: 9
console.log("最小值:", minVal);  // 输出: 2

const arr = [3, 7, 2, 9, 4];

const maxVal = Math.max(...arr);
const minVal = Math.min(...arr);

console.log("最大值:", maxVal);  // 输出: 9
console.log("最小值:", minVal);  // 输出: 2

操作数组

• 增
• 删
• 改
• 查

增

• arr.push(新增的内容)：在后面添加
• arr.unshift(新增的内容)：在前面添加
• 还可以：

let arr = [1, 2]
arr[2] = 3

删

• arr.pop()：删除数组中最后一个元素，并返回该元素的值
• arr.shift：删除第一个元素
• arr.splice(操作的下标，删除的个数)
  • arr.splice(操作的下标)：一直删到最后

改

语法数组名[下标] = 新值

let arr = [1, 2, 3, 4, 4]
arr[4] = 5