当前位置: 首页 > web >正文

JavaScript基础-运算符的分类

在JavaScript编程中,运算符是构建表达式和执行操作的基本元素。它们允许我们对变量进行赋值、比较、计算等操作。掌握不同类型的运算符及其使用方法对于编写高效且功能强大的代码至关重要。本文将详细介绍JavaScript中的运算符分类,并通过示例展示其应用。

一、算术运算符

算术运算符用于执行基本的数学运算,如加法、减法、乘法、除法等。

(一)常见算术运算符

  • +:加法
  • -:减法
  • *:乘法
  • /:除法
  • %:取模(求余数)
  • ++:自增
  • --:自减
示例:
let a = 10, b = 5;
console.log(a + b); // 输出: 15
console.log(a - b); // 输出: 5
console.log(a * b); // 输出: 50
console.log(a / b); // 输出: 2
console.log(a % b); // 输出: 0
console.log(++a); // 输出: 11
console.log(--b); // 输出: 4

二、赋值运算符

赋值运算符用于给变量赋值,除了简单的赋值外,还支持复合赋值。

(一)常见赋值运算符

  • =:简单赋值
  • +=:加法赋值
  • -=:减法赋值
  • *=:乘法赋值
  • /=:除法赋值
  • %=:取模赋值
示例:
let x = 10;
x += 5; // 等价于 x = x + 5
console.log(x); // 输出: 15x -= 3; // 等价于 x = x - 3
console.log(x); // 输出: 12x *= 2; // 等价于 x = x * 2
console.log(x); // 输出: 24x /= 4; // 等价于 x = x / 4
console.log(x); // 输出: 6x %= 2; // 等价于 x = x % 2
console.log(x); // 输出: 0

三、比较运算符

比较运算符用于比较两个值,并返回一个布尔值(truefalse)作为结果。

(一)常见比较运算符

  • ==:等于(值相等)
  • ===:严格等于(值和类型都相等)
  • !=:不等于
  • !==:严格不等于
  • >:大于
  • <:小于
  • >=:大于等于
  • <=:小于等于
示例:
let num1 = 5, num2 = "5";
console.log(num1 == num2); // 输出: true
console.log(num1 === num2); // 输出: false
console.log(num1 != num2); // 输出: false
console.log(num1 !== num2); // 输出: true
console.log(num1 > 3); // 输出: true
console.log(num1 < 10); // 输出: true
console.log(num1 >= 5); // 输出: true
console.log(num1 <= 5); // 输出: true

四、逻辑运算符

逻辑运算符用于根据一个或多个条件的结果来确定最终的真假值。

(一)常见逻辑运算符

  • &&:与(AND)
  • ||:或(OR)
  • !:非(NOT)
示例:
let isTrue = true, isFalse = false;
console.log(isTrue && isFalse); // 输出: false
console.log(isTrue || isFalse); // 输出: true
console.log(!isTrue); // 输出: false
console.log(!isFalse); // 输出: true

五、位运算符

位运算符直接对整数的二进制位进行操作。

(一)常见位运算符

  • &:按位与
  • |:按位或
  • ^:按位异或
  • ~:按位非
  • <<:左移
  • >>:右移
  • >>>:无符号右移
示例:
let a = 5; // 二进制为 0101
let b = 1; // 二进制为 0001
console.log(a & b); // 输出: 1 (0101 & 0001 = 0001)
console.log(a | b); // 输出: 5 (0101 | 0001 = 0101)
console.log(a ^ b); // 输出: 4 (0101 ^ 0001 = 0100)
console.log(~a); // 输出: -6 (~0101 = ...11111010)
console.log(a << 1); // 输出: 10 (0101 << 1 = 1010)
console.log(a >> 1); // 输出: 2 (0101 >> 1 = 0010)
console.log(a >>> 1); // 输出: 2 (0101 >>> 1 = 0010)

六、其他运算符

(一)条件(三元)运算符

条件运算符提供了一种简短的方式来执行条件判断。

语法:
condition ? exprIfTrue : exprIfFalse
示例:
let age = 20;
let beverage = age >= 21 ? "Beer" : "Juice";
console.log(beverage); // 输出: Juice

(二)逗号运算符

逗号运算符允许在单个语句中执行多个操作,并返回最后一个表达式的值。

示例:
let x = (1, 2, 3);
console.log(x); // 输出: 3

七、结语

感谢您的阅读!如果你有任何疑问或想要分享的经验,请在评论区留言交流!

http://www.xdnf.cn/news/2236.html

相关文章:

  • HiSpark Studio如何使用Trae(Marscode)插件
  • SpringBoot 常用注解通俗解释
  • puppeteer注入浏览器指纹过CDP
  • linux blueZ 第五篇:高阶优化与性能调优——蓝牙吞吐、延迟与功耗全攻略
  • 详解 Network.framework:iOS 网络开发的新基石
  • Spring进阶篇
  • Java面试高频问题(29-30)
  • 解释PyTorch中的广播机制
  • 如何在 Ubuntu 22.04|20.04|18.04 上安装 PostGIS
  • Docker 学习入门篇:镜像构建、推送与私有仓库搭建全攻略
  • JAVA JVM面试题
  • MQ消息的不可靠性发生情况与解决方案
  • Goland终端PowerShell命令失效
  • YOLOv5修改检测框颜色,粗细,标签大小,标签名称
  • 提示词的神奇魔力——如何通过它改变AI的输出
  • 7.Geometric Intersection: Interval
  • [实战] 卡尔曼滤波:原理、推导与卫星导航应用仿真(完整代码)
  • 若干查找算法
  • Vue3 组件通信与插槽
  • 未雨绸缪:应对软件开发变更的生存之道
  • 23种设计模式-行为型模式之观察者模式(Java版本)
  • 理想星环OS选择NuttX作为MCU侧OS的核心原因分析​
  • 树莓派学习专题<9>:使用V4L2驱动获取摄像头数据--设定分辨率和帧率
  • ASP.NET CORE部署IIS的三种方式
  • 第14节:传统图像特征提取 - 形状特征(HOG、SIFT与SURF)
  • 【fork初体验】
  • 数据结构手撕--【堆】
  • 【LeetCode】11.盛最多水的容器
  • 系列位置效应——AI与思维模型【80】
  • 鸿蒙代码@Builder