JavaScript基础-运算符的分类

打印 上一主题 下一主题

主题 1029|帖子 1029|积分 3087

在JavaScript编程中,运算符是构建表达式和实行操作的基础工具。相识不同范例的运算符以及它们的工作原理对于编写高效且无误的代码至关重要。本文将介绍JavaScript中的主要运算符范例,并通过实例展示它们的用法。
一、算术运算符

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



  • +:加法
  • -:减法
  • *:乘法
  • /:除法
  • %:取模(求余数)
  • ++:递增
  • --:递减
示例:

  1. let a = 10;
  2. let b = 5;
  3. console.log(a + b); // 输出: 15
  4. console.log(a - b); // 输出: 5
  5. console.log(a * b); // 输出: 50
  6. console.log(a / b); // 输出: 2
  7. console.log(a % b); // 输出: 0
  8. a++;
  9. console.log(a); // 输出: 11
  10. b--;
  11. console.log(b); // 输出: 4
复制代码


二、赋值运算符

赋值运算符用于给变量赋值。除了简单的赋值外,还可以结合其他运算符实现复合赋值。
常见赋值运算符:



  • =:简单赋值
  • +=:加后赋值
  • -=:减后赋值
  • *=:乘后赋值
  • /=:除后赋值
  • %=:取模后赋值
示例:

  1. let x = 10;
  2. x += 5; // 等价于 x = x + 5
  3. console.log(x); // 输出: 15
  4. x -= 3; // 等价于 x = x - 3
  5. console.log(x); // 输出: 12
  6. x *= 2; // 等价于 x = x * 2
  7. console.log(x); // 输出: 24
  8. x /= 4; // 等价于 x = x / 4
  9. console.log(x); // 输出: 6
  10. x %= 2; // 等价于 x = x % 2
  11. console.log(x); // 输出: 0
复制代码


三、比力运算符

比力运算符用于比力两个值,并返回一个布尔值结果(true或false)。
常见比力运算符:



  • ==:即是(不严格,会进行范例转换)
  • ===:严格即是(同时比力值和范例)
  • !=:不即是(不严格)
  • !==:严格不即是
  • >:大于
  • <:小于
  • >=:大于即是
  • <=:小于即是
示例:

  1. let c = 5;
  2. let d = "5";
  3. console.log(c == d); // 输出: true
  4. console.log(c === d); // 输出: false
  5. console.log(c != d); // 输出: false
  6. console.log(c !== d); // 输出: true
  7. console.log(c > d); // 输出: false
  8. console.log(c < d); // 输出: false
  9. console.log(c >= d); // 输出: true
  10. console.log(c <= d); // 输出: true
复制代码
注意:推荐使用===和!==以制止因隐式范例转换导致的意外结果。


四、逻辑运算符

逻辑运算符用于组合或反转布尔表达式的值。
常见逻辑运算符:



  • &&:逻辑与
  • ||:逻辑或
  • !:逻辑非
示例:

  1. let e = true;
  2. let f = false;
  3. console.log(e && f); // 输出: false
  4. console.log(e || f); // 输出: true
  5. console.log(!e); // 输出: false
  6. console.log(!f); // 输出: true
复制代码
逻辑运算符常用于条件判断语句中。


五、位运算符

位运算符对数字的二进制表现进行操作。
常见位运算符:



  • &:按位与
  • |:按位或
  • ^:按位异或
  • ~:按位非
  • <<:左移
  • >>:右移
  • >>>:无符号右移
示例:

  1. let g = 5; // 二进制: 0101
  2. let h = 3; // 二进制: 0011
  3. console.log(g & h); // 输出: 1 (二进制: 0001)
  4. console.log(g | h); // 输出: 7 (二进制: 0111)
  5. console.log(g ^ h); // 输出: 6 (二进制: 0110)
  6. console.log(~g); // 输出: -6 (由于负数的补码表示)
  7. console.log(g << 1); // 输出: 10 (相当于乘以2)
  8. console.log(g >> 1); // 输出: 2 (相当于除以2并向下取整)
复制代码


六、其他运算符

条件(三元)运算符

条件运算符提供了一种简便的方式来根据条件选择不同的值。
  1. let age = 18;
  2. let canVote = age >= 18 ? "Yes" : "No";
  3. console.log(canVote); // 输出: Yes
复制代码
范例运算符

typeof:返回一个值的数据范例。

  1. console.log(typeof 42); // 输出: "number"
  2. console.log(typeof "Hello"); // 输出: "string"
  3. console.log(typeof true); // 输出: "boolean"
复制代码
instanceof:查抄对象是否是指定构造函数的实例。

  1. let arr = [1, 2, 3];
  2. console.log(arr instanceof Array); // 输出: true
复制代码


七、结语

感谢您的阅读!如果你有任何问题或想分享自己的履历,请在批评区留言交流!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

反转基因福娃

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表