JavaScript中的运算符

news/2024/11/8 9:26:20/

        JavaScript是一种广泛应用于前端开发的脚本语言,它提供了丰富的运算符用于进行各种数值和逻辑操作。本文将介绍JavaScript中常见的运算符,包括算术运算符、比较运算符、逻辑运算符以及其他一些常用的运算符。

一、算术运算符

算术运算符用于执行基本的数学运算,包括加法、减法、乘法、除法和求余等操作。

1、加法运算符(+):用于将两个数值相加,也可以用于字符串的拼接。

let a = 5;
let b = 3;
let c = a + b; // 结果为8let str1 = "Hello";
let str2 = "World";
let str3 = str1 + " " + str2; // 结果为"Hello World"

2、减法运算符(-):用于将一个数值减去另一个数值。

let a = 5;
let b = 3;
let c = a - b; // 结果为2

3、乘法运算符(*):用于将两个数值相乘。

let a = 5;
let b = 3;
let c = a * b; // 结果为15

4、除法运算符(/):用于将一个数值除以另一个数值。

let a = 6;
let b = 3;
let c = a / b; // 结果为2

5、求余运算符(%):用于求一个数值除以另一个数值的余数。

let a = 7;
let b = 3;
let c = a % b; // 结果为1

二、比较运算符

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

1、等于运算符(==):用于比较两个值是否相等。

let a = 5;
let b = 3;
console.log(a == b); // 输出false

2、不等于运算符(!=):用于比较两个值是否不相等。

let a = 5;
let b = 3;
console.log(a != b); // 输出true

3、大于运算符(>):用于判断一个值是否大于另一个值。

let a = 5;
let b = 3;
console.log(a > b); // 输出true

4、小于运算符(<):用于判断一个值是否小于另一个值。

let a = 5;
let b = 3;
console.log(a < b); // 输出false

5、大于等于运算符(>=):用于判断一个值是否大于或等于另一个值。

let a = 5;
let b = 3;
console.log(a >= b); // 输出true

6、小于等于运算符(<=):用于判断一个值是否小于或等于另一个值。

let a = 5;
let b = 3;
console.log(a <= b); // 输出false

三、逻辑运算符

逻辑运算符用于组合多个条件,并返回一个布尔值。

1、与运算符(&&):当所有条件都为真时,返回true,否则返回false

let a = 5;
let b = 3;
let c = 7;
console.log(a < b && b < c); // 输出false

2、或运算符(||):当至少有一个条件为真时,返回true,否则返回false

let a = 5;
let b = 3;
let c = 7;
console.log(a < b || b < c); // 输出true

3、非运算符(!):用于取反一个条件的结果。

let a = 5;
let b = 3;
console.log(!(a < b)); // 输出true

四、其他运算符

除了上述常见的运算符外,JavaScript还提供了其他一些常用的运算符。

1、赋值运算符(=):用于将一个值赋给一个变量。

let a = 5;

2、自增运算符(++):用于将一个变量的值增加1

let a = 5;
a++; // a的值变为6

3、自减运算符(--):用于将一个变量的值减少1。

let a = 5;
a--; // a的值变为4

4、条件运算符(三元运算符)(? : ):用于根据一个条件的真假来返回不同的值。

let a = 5;
let b = a > 3 ? "大于3" : "小于等于3";
console.log(b); // 输出"大于3"


http://www.ppmy.cn/news/1209189.html

相关文章

数据分析实战 | 线性回归——女性身高与体重数据分析

目录 一、数据集及分析对象 二、目的及分析任务 三、方法及工具 四、数据读入 五、数据理解 六、数据准备 七、模型训练 八、模型评价 九、模型调参 十、模型预测 实现回归分析类算法的Python第三方工具包比较常用的有statsmodels、statistics、scikit-learn等&#…

Web 异常 + Error

目录 一、Web 异常 1、Web 异常 1、前端 时间显示设置 2、前端校验被挤压向下 3、前端 数组操作&#xff1a;未定义属性错误 4、前端传回的类型和后端接收的类型不匹配&#xff0c;被过滤器拦截了 一、Web 异常 1、Web 异常 1、前端 时间显示设置 在后台实体类增加Jso…

升级Redisson版本兼容问题

升级版本&#xff1a;从 3.10.6 升级到3.18.0 报错: java.io.IOException: Unsupported protocol version 252 java.io.IOException: Unsupported protocol version 252at org.jboss.marshalling.river.RiverUnmarshaller.start(RiverUnmarshaller.java:1375)at org.redisson…

一篇文章让你了解Java中的继承

目录 继承一.什么是继承二.为什么要使用继承三.继承的语法四.继承中有重复怎么办&#xff1f;1.**访问原则** 五.super和this1.**this**2.**super**3.**super注意事项**4.**super和this异同点**六.构造方法的引入1.父类不带参数的构造方法2.父类带有参数的构造方法 七.继承中的…

CentOS系统安装vsftpd

下载并安装vsftpd apt-get install vsftpd 安装后检查 service vsftpd status 修改配置文件(被动/匿名用户模式) vi /etc/vsftpd.conf anonymous_enableNO listenYES listen_port21 ascii_upload_enableYES ascii_download_enableYES local_enableYES guest_enable…

Webpack--动态 import 原理及源码分析

前言 在平时的开发中&#xff0c;我们经常使用 import()实现代码分割和懒加载。在低版本的浏览器中并不支持动态 import()&#xff0c;那 webpack 是如何实现 import() polyfill 的&#xff1f; 原理分析 我们先来看看下面的 demo function component() {const btn docume…

AI由许多不同的技术组成,其中一些最核心的技术如下

AI由许多不同的技术组成&#xff0c;其中一些最核心的技术包括&#xff1a; 机器学习&#xff1a;这是一种让计算机从数据中学习的技术&#xff0c;它可以根据已有的数据预测未来的趋势和行为。机器学习包括监督学习、无监督学习和强化学习等多种类型。深度学习&#xff1a;这…

el-form添加自定义校验规则校验el-input只能输入数字

0 效果 1 代码 {1,5}是用来限制小数点后几位的 addFormRules: {investAmount: [{ validator: checkInvestAmount, trigger: blur }], }, const checkInvestAmount (rule, value, callback) > {if (value ! && value ! null && value ! undefined) {if (/…