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日

相关文章

  • OpenTiny 跨端、跨框架组件库升级TypeScript,10万行代码重获新生

    摘要:一份精心准备的《JS项目改造TS指南》文档供大家参考,顺便介绍TS 基础知识和 TS 在 Vue 中的实践。 本文分享自华为云社区《历史性的时刻!OpenTiny 跨端、跨框架组件库正式升级 TypeScript,10 万行代码重获新生!》,作者:Kagol。 根据 The Software House 发布的《2022 前端开发市场状态调查报告》数据…

    JavaScript 2023年4月17日
    00
  • 详解微信小程序胶囊按钮返回|首页自定义导航栏功能

    下面是详解微信小程序胶囊按钮返回|首页自定义导航栏功能的完整攻略: 一、胶囊按钮返回 微信小程序提供了一个叫做胶囊按钮的组件,位于小程序右上角,它包含了小程序的图标和名称,并且还具备返回功能。我们可以使用它来方便地返回上一个页面,以下是实现方法: 首先,在页面的顶部布局一个用于显示胶囊按钮的容器: <!– wxml –> <view c…

    JavaScript 2023年6月11日
    00
  • js中关于new Object时传参的一些细节分析

    JS中通过new Object()方式创建对象时,可以传入一个参数来初始化对象属性。本文将介绍new Object()时传入参数的一些细节。 1. new Object()传入一个空对象 当new Object()传入一个空对象时,返回的对象与直接使用对象字面量创建对象的效果一样。 const obj1 = new Object({}); const obj…

    JavaScript 2023年6月10日
    00
  • JS实现手写 forEach算法示例

    当我们需要在JavaScript中对数组中的每个元素进行操作时,可以使用forEach方法。但是,如果我们想要深入了解forEach方法的实现过程,那么我们可以使用手写forEach算法来了解它的原理。 实现步骤 首先,我们需要明确手写forEach算法的实现步骤: (1)接收一个数组和一个回调函数作为参数; (2)依次遍历数组中的每个元素; (3)对每个元…

    JavaScript 2023年5月28日
    00
  • 深入理解JavaScript内置函数

    深入理解JavaScript内置函数攻略 前言 JavaScript是一门强大的编程语言,它提供了大量的内置函数库,方便我们处理各种数据类型和操作。深入理解JavaScript内置函数的使用方法和原理,可以提升我们编程的效率和精度。 内置函数分类 JavaScript内置函数大致可以分为以下几类: 数组函数 字符串函数 数字函数 日期函数 数学函数 数组函数…

    JavaScript 2023年5月18日
    00
  • JS基于Ajax实现的网页Loading效果代码

    下面提供一份“JS基于Ajax实现的网页Loading效果代码”的攻略,共分为以下几个步骤。 步骤一:创建HTML文件和CSS文件 首先,我们需要创建一个基础的 HTML 文件和对应的 CSS 文件。HTML 文件中包含了页面常规结构,如头部、导航、内容等,并且在内容部分添加一个 div 元素来承载我们的 Loading 效果。CSS 文件中包含了页面元素的…

    JavaScript 2023年6月11日
    00
  • 深入理解JS中的substr和substring

    深入理解JS中的substr和substring 在JavaScript字符串操作中,substr()和substring()是两个常用的函数,都用来截取字符串。但在具体应用场景和实现方式有所不同,因此需要深入理解其差异。 substr() substr()函数接受两个参数,第一个参数是截取的起始位置,第二个参数是截取的长度。如果省略第二个参数,则默认截取至…

    JavaScript 2023年6月11日
    00
  • JS数组中对象去重操作示例

    接下来我将为你详细讲解JS数组中对象去重操作的完成步骤以及示例说明。 1. 操作步骤 JS数组中对象去重的操作,主要分为以下几个步骤: 创建一个空数组,用于存储去重后的对象 遍历原数组中的每一个对象 判断该对象是否已经出现过,如果出现过则跳过,否则将该对象存储到新数组中 返回去重后的新数组 2. 示例说明 示例一:去除数组中相同属性的对象 假设有一个包含多个…

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