原生JS中运算符及流程控制示例详解

运算符详解

赋值运算符

赋值运算符用于给变量或表达式赋值，常用的有“=”、“+=”、“-=”等运算符。

例如，下面代码将变量a赋值为1：

var a = 1;

算术运算符

算术运算符用于数值的加减乘除，常用的有“+”、“-”、“*”、“/”、“%”等运算符。

例如，下面代码计算a和b的和，并将结果赋值给变量c：

var a = 1;
var b = 2;
var c = a + b;

关系运算符

关系运算符用于比较两个值的大小或相等性，常用的有“>”、“<”、“>=”、“<=”、“==”、“!=”等运算符。

例如，下面代码比较变量a是否等于1：

var a = 1;
if (a == 1) {
  console.log("a等于1");
}

逻辑运算符

逻辑运算符用于对逻辑表达式进行操作，常用的有“&&”、“||”、“!”等运算符。

例如，下面代码判断变量a是否大于0并且小于10：

var a = 5;
if (a > 0 && a < 10) {
  console.log("a大于0并且小于10");
}

流程控制详解

条件语句

条件语句用于根据条件来执行不同的操作，常用的有“if/else”、“switch”等语句。

例如，下面代码根据变量a的大小输出不同的结果：

var a = 1;
if (a == 1) {
  console.log("a等于1");
} else {
  console.log("a不等于1");
}

循环语句

循环语句用于重复执行某一段代码，常用的有“for”、“while”、“do/while”等语句。

例如，下面代码使用“for”循环输出从1到10的数字：

for (var i = 1; i <= 10; i++) {
  console.log(i);
}

示例说明

示例一：计算1到100的和

var sum = 0;
for (var i = 1; i <= 100; i++) {
  sum += i;
}
console.log("1到100的和为：" + sum);

以上代码使用“for”循环计算1到100的和，并将结果输出到控制台。

示例二：判断输入是否为偶数

var num = prompt("请输入一个数字：");
if (num % 2 == 0) {
  console.log(num + "是偶数");
} else {
  console.log(num + "是奇数");
}

以上代码使用“if/else”条件语句判断用户输入的数字是否为偶数，并将结果输出到控制台。

结论

通过以上示例的介绍，我们了解了原生JS中的运算符和流程控制语句的基本用法，掌握了如何使用不同的运算符和语句来完成各种操作。同时，也了解了如何将这些语法结构组合使用来实现更为复杂的程序功能。