JavaScript 流程控制与数组实战 | 极客日志

JavaScript大前端算法

JavaScript 流程控制与数组实战

JavaScript 基础语法，涵盖运算符（算术、逻辑、位运算等）、条件语句（if、switch、三元表达式）及循环语句（while、for、break、continue）。同时详细讲解了数组的创建、访问、增删操作及常用方法。通过奇偶判断、闰年判定、阶乘计算等代码示例演示实际应用，帮助读者掌握核心逻辑控制与数据结构操作。

咸鱼开飞机发布于 2026/3/22更新于 2026/4/1724K 浏览

JavaScript 流程控制与数组实战

运算符

JavaScript 中的运算符和 Java 用法基本相同，此处不做详细介绍。

算术运算符

+
-
*
/
%

赋值运算符 & 复合赋值运算符

=
+=
-=
*=
/=
%=

自增自减运算符

++: 自增 1
--: 自减 1

比较运算符

<
>
<=
>=
==: 比较相等（会进行隐式类型转换）
!=
===: 比较相等（不会进行隐式类型转换）
!==

逻辑运算符

用于计算多个 boolean 表达式的值。

&&: 与（一假则假）
||: 或（一真则真）
!: 非

位运算

&: 按位与
|: 按位或
~: 按位取反
^: 按位异或

移位运算

<<: 左移
>>: 有符号右移（算术右移）
>>>: 无符号右移（逻辑右移）

条件语句

if 语句

基本语法格式：条件表达式为 true，则执行 if 的 {} 中的代码。

// 形式 1
if (条件) { 语句 }
// 形式 2
if (条件 1) { 语句 1 } else { 语句 2 }
// 形式 3
if (条件 ) { 语句  }   (条件 ) { 语句  }  { 语句 N }

极客日志微信公众号二维码

更多推荐文章

相关免费在线工具

加密/解密文本
使用加密算法（如AES、TripleDES、Rabbit或RC4）加密和解密文本明文。在线工具，加密/解密文本在线工具，online
Keycode 信息
查找任何按下的键的javascript键代码、代码、位置和修饰符。在线工具，Keycode 信息在线工具，online
Escape 与 Native 编解码
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。在线工具，Escape 与 Native 编解码在线工具，online
JavaScript / HTML 格式化
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。在线工具，JavaScript / HTML 格式化在线工具，online
JavaScript 压缩与混淆
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。在线工具，JavaScript 压缩与混淆在线工具，online
Base64 字符串编码/解码
将字符串编码和解码为其 Base64 格式表示形式即可。在线工具，Base64 字符串编码/解码在线工具，online

var num = 10;
if (num % 2 == 0) {
    console.log("num 是偶数");
} else {
    console.log("num 是奇数");
}

var num = 10;
if (num > 0) {
    console.log("num 是正数");
} else if (num < 0) {
    console.log("num 是负数");
} else {
    console.log("num 是 0");
}

var year = 2000;
if (year % 100 == 0) {
    // 判定世纪闰年
    if (year % 400 == 0) {
        console.log("是闰年");
    } else {
        console.log("不是闰年");
    }
} else {
    // 普通闰年
    if (year % 4 == 0) {
        console.log("是闰年");
    } else {
        console.log("不是闰年");
    }
}

条件 ? 表达式 1 : 表达式 2

switch (表达式) {
    case 值 1:
        语句 1;
        break;
    case 值 2:
        语句 2;
        break;
    default:
        语句 N;
}

var day = prompt("请输入今天星期几:");
switch (parseInt(day)) {
    case 1: console.log("星期一"); break;
    case 2: console.log("星期二"); break;
    case 3: console.log("星期三"); break;
    case 4: console.log("星期四"); break;
    case 5: console.log("星期五"); break;
    case 6: console.log("星期六"); break;
    case 7: console.log("星期日"); break;
    default: console.log("输入有误");
}

while (条件) {
    循环体;
}

var num = 1;
while (num <= 10) {
    console.log(num);
    num++;
}

var result = 1;
var i = 1;
while (i <= 5) {
    result *= i;
    i++;
}
console.log(result);

var i = 1;
while (i <= 5) {
    if (i == 3) {
        i++;
        continue;
    }
    console.log("我在吃第" + i + "个李子");
    i++;
}

我在吃第 1 个李子
我在吃第 2 个李子
我在吃第 4 个李子
我在吃第 5 个李子

var num = 100;
while (num <= 200) {
    if (num % 3 == 0) {
        num++; // 这里的 ++ 不要忘记！否则会死循环
        continue;
    }
    console.log("找到了 3 的倍数，为:" + num);
    num++;
}

var i = 1;
while (i <= 5) {
    if (i == 3) {
        break;
    }
    console.log("我在吃第" + i + "个李子");
    i++;
}

我在吃第 1 个李子
我在吃第 2 个李子

找到了 3 的倍数，为:102

for (表达式 1; 表达式 2; 表达式 3) {
    循环体
}

var result = 0;
for (var i = 1; i <= 5; i++) {
    result *= i;
}
console.log("result = " + result);

// Array 的 A 要大写
var arr = new Array();

var arr = [];
var arr2 = [1, 2, 'haha', false]; // 数组中保存的内容称为'元素'

var arr = ["小狐佩奇", "小猪乔治", "小羊苏西"];
console.log(arr);
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
arr[2] = "小狐凯迪";
console.log(arr);

console.log(arr[3]); // undefined
console.log(arr[-1]); // undefined

var arr = ["小狐佩奇", "小猪乔治", "小羊苏西"];
arr = "小狐凯迪";

var arr = [9, 5, 2, 7];
arr.length = 6;
console.log(arr);
console.log(arr[4], arr[5]);

(6) [9, 5, 2, 7, empty × 2]
undefined
undefined

var arr = [];
arr[2] = 10;
console.log(arr);

Array(3)
2: 10
length: 3
__proto__: Array(0)

var arr = [9, 5, 2, 7, 3, 6, 8];
var newArr = [];
for (var i = 0; i < arr.length; i++) {
    if (arr[i] % 2 != 0) {
        newArr.push(arr[i]);
    }
}
console.log(newArr);

var arr = [9, 5, 2, 7];
// 第一个参数表示从下标为 2 的位置开始删除，第二个参数表示要删除的元素个数是 1 个
arr.splice(2, 1);
console.log(arr); // 结果 [9, 5, 7]