JavaScript中的6种运算符总结

JavaScript中有很多种运算符用于执行不同类型的操作。在本篇攻略中,我们将会探讨JavaScript中的6种主要运算符。

1. 算术运算符

算术运算符用于执行数学运算,如加、减、乘、除。其中最常见的运算符有 +-*/%

示例1:加法运算符(+)

let a = 5;
let b = 7;
let c = a + b;
console.log(c); // 输出12

示例2:取模运算符(%)

let a = 10;
let b = 3;
let c = a % b; // 取a除以b的余数
console.log(c); // 输出1

2. 比较运算符

比较运算符用于比较两个值,返回true或false。其中包括==!=><>=<=

示例3:相等运算符(==)

let a = 5;
let b = '5';
console.log(a == b); // true

示例4:大于等于运算符(>=)

let a = 10;
let b = 7;
console.log(a >= b); // true

3. 逻辑运算符

逻辑运算符用于逻辑比较,返回true或false。其中包括&&(逻辑与),||(逻辑或)和!(逻辑非)。

示例5:逻辑与运算符(&&)

let a = 10;
let b = 7;
let c = 3;
console.log(a > b && b > c); // true
console.log(a > b && b < c); // false

示例6:逻辑非运算符(!)

let a = 5;
console.log(!(a > 5)); // true

4. 位运算符

位运算符用于按位比较,其中包括&(按位与)、|(按位或)、~(按位非)、^(按位异或)和<<(左移)和>>(右移)。

示例7:按位与运算符(&)

let a = 5;
let b = 7;
console.log(a & b); // 输出5 & 7的结果2

示例8:按位异或运算符(^)

let a = 5;
let b = 7;
console.log(a ^ b); // 输出5 ^ 7的结果2

5. 赋值运算符

赋值运算符用于将值赋给变量,其中包括=+=-=*=

示例9:加等于运算符(+=)

let a = 5;
a += 3;
console.log(a); // 输出8

示例10:乘等于运算符(*=)

let a = 5;
a *= 3;
console.log(a); // 输出15

6. 条件运算符

条件运算符用于根据条件选择不同的值或操作。其中包括?:

示例11:条件运算符(?:)

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

通过学习以上6种运算符的使用,在JavaScript中我们可以更加方便地进行各种计算和逻辑比较。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript中的6种运算符总结 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • gulp-htmlmin压缩html的gulp插件实例代码

    下面是“gulp-htmlmin压缩html的gulp插件实例代码”的完整攻略。 什么是gulp-htmlmin gulp-htmlmin 是一个用于压缩 HTML 文件的 Gulp 插件。 安装gulp-htmlmin 在使用 gulp-htmlmin 之前,需要先安装 Gulp 和 gulp-htmlmin,可以使用以下命令安装: npm install…

    JavaScript 2023年6月10日
    00
  • JavaScript常用的3种弹出框(提示框 alert/确认框 confirm/输入框 prompt)

    下面是关于 JavaScript 常用的3种弹出框的完整攻略: 弹出框概述 弹出框是我们在使用 JavaScript 时非常常见的交互方式,它所表现的形式有很多,其中最常见的就是提示框、确认框和输入框,分别由函数 alert()、confirm() 和 prompt() 提供支持。在实际开发中,我们可以根据具体需求调用不同的弹出框,来满足我们对用户操作的提示…

    JavaScript 2023年6月11日
    00
  • js判断一个字符串是以某个字符串开头的简单实例

    下面是”js判断一个字符串是以某个字符串开头的简单实例”的完整攻略: 一、使用字符串的startsWith()函数进行判断 startsWith()函数是ES6引入的函数,用来判断一个字符串是否以另一个字符串开头。下面是一个简单的实例: var str = ‘Hello World!’; console.log(str.startsWith(‘Hello’)…

    JavaScript 2023年5月28日
    00
  • 基于JS实现弹性漂浮广告的示例代码

    下面是基于JS实现弹性漂浮广告的完整攻略: 思路 使用position: fixed实现元素的固定位置,定义元素距离浏览器顶部的距离。 在需要使用该广告的页面中添加JS文件或script代码段。 通过JS代码,利用setInterval来实现广告元素的动态滚动。 通过监听窗口大小的变化,实现响应式布局,调整广告元素的位置和大小。 代码实现 CSS 定义广告元…

    JavaScript 2023年6月11日
    00
  • js时间日期格式化封装函数

    下面我将详细讲解“js时间日期格式化封装函数”的完整攻略。 什么是时间日期格式化? 时间日期格式化就是将日期和时间类型的数据按照一定的格式进行展示,常见的格式有以下几种: 年月日时分秒:YYYY-MM-DD HH:mm:ss 年月日:YYYY-MM-DD 时分秒:HH:mm:ss 为什么要进行时间日期格式化? 在实际的开发中,时间日期的格式可能会影响到展示和…

    JavaScript 2023年5月27日
    00
  • 原生JS获取元素的位置与尺寸实现方法

    获取元素位置和尺寸信息是web开发中经常需要面对的问题。下面是一些原生JS获取元素位置和尺寸的方法。在示例中,我们将使用一个html文档和一个div元素作为示例。 获取元素位置 offsetTop和offsetLeft属性 在HTML文档中,每个元素都有offsetTop和offsetLeft属性,它们表示元素相对于其offsetParent(父元素)的顶部…

    JavaScript 2023年6月11日
    00
  • bootstrap laydate日期组件使用详解

    Bootstrap LayDate日期组件使用详解 在本文中,我们将会学习如何在HTML页面中使用LayDate日期组件,该组件基于Bootstrap框架,提供了强大的日期选择功能和美观的UI界面。 步骤一:引入LayDate的依赖文件 在使用LayDate之前,需要在HTML页面中引入相关的依赖文件。这些文件包括LayDate的CSS文件和JS文件,以及L…

    JavaScript 2023年6月10日
    00
  • 仅IE支持clearAttributes/mergeAttributes方法使用介绍

    仅IE支持clearAttributes/mergeAttributes方法使用介绍 在IE浏览器中,我们可以使用 clearAttributes 和 mergeAttributes 方法来操作DOM元素的属性。这两个方法可以帮助我们快速设置或清除一个元素的所有属性。本文将详细介绍这两个方法的使用方法。 clearAttributes方法 clearAttr…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部