gpt4 book ai didi

JavaScript 运算符

转载 作者：知者 更新时间：2024-03-13 03:00:28 26 4
gpt4 key购买 nike

在本教程中，您将学习JavaScript中可用的不同运算符，以及在示例的帮助下如何使用它们。

什么是运算符？

在JavaScript中，运算符是一种特殊符号，用于对运算数（值和变量）执行操作。例如，

2 + 3; // 5

这里 + 是执行加法的运算符，2 和 3 是运算数。

JavaScript 运算符类型

以下是您将在本教程中学习的不同运算符的列表。

  • 赋值运算符
  • 算术运算符
  • 比较运算符
  • 逻辑运算符
  • 位运算符
  • 字符串运算符
  • 其他运算符
JavaScript 赋值运算符

赋值运算符用于为变量赋值。例如，

const x = 5;

这里，使用 = 运算符将值 5 赋给变量 x 。
    以下是常用赋值运算符的列表：

运算符 名称 示例
= 赋值运算符 a = 7; // 7
+= 加法赋值运算符 a += 5; // a = a + 5
-= 减法赋值运算符 a -= 2; // a = a - 2
*= 乘法赋值运算符 a *= 3; // a = a * 3
/= 除法赋值运算符 a /= 2; // a = a / 2
%= 余数赋值运算符 a %= 2; // a = a % 2
**= 幂赋值运算符 a = 2; // a = a2

注意：常用的赋值运算符是 = 。一旦我们学习算术运算符，您将了解其他赋值运算符，如 +=、-=、*= 等。

JavaScript 算术运算符

算术运算符用于执行算术计算。例如，

const number = 3 + 5; // 8

这里，+ 运算符用于添加两个运算数。

运算符 名称 示例
+ 加 x + y
- 减 x - y
* 乘 x * y
/ 除 x / y
% 余数 x % y
++ 自增（自增1） x 或 x
– 自减（自减1） –x 或 x–
** 幂 x ** y
示例 1：JavaScript 中的算术运算符
let x = 5;
let y = 3;

// addition
console.log('x + y = ', x + y);  // 8

// subtraction
console.log('x - y = ', x - y);  // 2

// multiplication
console.log('x * y = ', x * y);  // 15

// division
console.log('x / y = ', x / y);  // 1.6666666666666667

// remainder
console.log('x % y = ', x % y);   // 2

// increment
console.log('++x = ', ++x); // x is now 6
console.log('x++ = ', x++); // prints 6 and then increased to 7
console.log('x = ', x);     // 7

// decrement
console.log('--x = ', --x); // x is now 6
console.log('x-- = ', x--); // prints 6 and then decreased to 5
console.log('x = ', x);     // 5

//exponentiation
console.log('x ** y =', x ** y);

访问 Increment ++ and Decrement – Operator as Prefix and Postfix 以了解更多信息。
    注意：** 运算符是在 ECMAScript 2016 中引入的，某些浏览器可能不支持它们。要了解更多信息，请访问 JavaScript exponentiation browser support 。

JavaScript 比较运算符

比较运算符比较两个值并返回一个布尔值，要么 true 要么 false 。例如，

const a = 3, b = 2;
console.log(a > b); // true

这里，比较运算符 > 用于比较是否 a 大于 b 。

运算符 描述 示例
== 等于：如果操作数相等则返回 true x == y
!= 不等于：如果操作数不相等则返回 true x != y
=== 严格等于：如果操作数相等且类型相同则返回 true x === y
!== 严格不等于：如果操作数相等但类型不同或根本不相等，则返回 true x !== y
> 大于：如果左操作数大于右操作数，则返回 true x > y
>= 大于或等于：如果左操作数大于或等于右操作数，则返回 true x >= y
< 小于：如果左操作数小于右操作数，则返回 true x < y
<= 小于或等于：如果左操作数小于或等于右操作数，则返回 true x <= y
示例 2：JavaScript 中的比较运算符
// equal operator
console.log(2 == 2); // true
console.log(2 == '2'); // true

// not equal operator
console.log(3 != 2); // true
console.log('hello' != 'Hello'); // true

// strict equal operator
console.log(2 === 2); // true
console.log(2 === '2'); // false

// strict not equal operator
console.log(2 !== '2'); // true
console.log(2 !== 2); // false

比较运算符用于决策和循环。您将在后面的教程中详细了解比较运算符的使用。

JavaScript 逻辑运算符

逻辑运算符执行逻辑运算并返回一个布尔值，要么 true 要么 false 。例如，

const x = 5, y = 3;
(x < 6) && (y < 5); // true

这里，&& 是逻辑运算符 AND。因为 x < 6 和 y < 5 都是 true，所以结果是 true。

运算符 描述 示例
&& 逻辑与：如果两个操作数都是true，返回 true；否则返回 false x && y
|| 逻辑或：如果任一操作数是 true，返回 true；如果两者都是 false，则返回 false x || y
! 逻辑非：如果操作数是false，返回 true；反之亦然 !x
示例 3：JavaScript 中的逻辑运算符
// logical AND
console.log(true && true); // true
console.log(true && false); // false

// logical OR
console.log(true || false); // true

// logical NOT
console.log(!true); // false

输出：

true
false
true
false

逻辑运算符用于决策和循环。您将在后面的教程中详细了解逻辑运算符的使用。

JavaScript 位运算符
运算符 描述
& 按位与
| 按位或
^ 按位异或
~ 按位非
<< 左移
>> 右移
>>> 零填充右移

位运算符在日常编程中很少使用。如果您有兴趣，请访问 JavaScript Bitwise Operators 以了解更多信息。

JavaScript 字符串运算符

在 JavaScript 中，您还可以使用 + 运算符连接（join）两个或多个字符串。

示例 4：JavaScript 中的字符串运算符
// concatenation operator
console.log('hello' + 'world');

let a = 'JavaScript';

a += ' tutorial';  // a = a + ' tutorial';
console.log(a);

输出：

helloworld
JavaScript tutorial
其他 JavaScript 运算符

这是 JavaScript 中可用的其他运算符的列表。您将在后面的教程中了解这些运算符。

运算符 描述 示例
, 计算多个操作数并返回最后一个操作数的值。 let a = (1, 3 , 4); // 4
?: 根据条件返回值 (5 > 3) ? ‘success’ : ‘error’; // “success”
delete 删除对象的属性或数组的元素 delete x
typeof 返回一个指示数据类型的字符串 typeof 3; // “number”
void 丢弃表达式的返回值 void(x)
in 如果指定的属性在对象中，则返回 true prop in object
instanceof 如果指定对象属于指定对象类型，则返回 object instanceof object_type

上一教程 ：JS Data Types                                         下一教程 ：JS Comments

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/operators

26 4 0
文章推荐： 设计模式学习笔记（十一）外观模式及其应用场景
文章推荐： linux系统安装Nginx
文章推荐： 【Lua从青铜到王者基础篇】第十二篇:Lua错误处理
文章推荐： HDFS 为何在大数据领域经久不衰？
知者
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com