JavaScript中的6种运算符总结

yizhihongxing

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日

相关文章

  • javascript设置连续两次点击按钮时间间隔的方法

    一、背景介绍 在一些需要频繁操作的网页界面中,当用户连续多次点击按钮时,容易造成不必要的bug或者数据重复提交等情况。因此,为了避免这种情况的发生,我们常常需要在javascript代码中设置按钮的两次点击时间间隔。本篇攻略将会详细讲解如何实现这一功能。 二、方法讲解 使用setTimeout函数 我们可以利用setTimeout函数来设置两次点击按钮的时间…

    JavaScript 2023年6月11日
    00
  • AngularJS中使用HTML5手机摄像头拍照

    AngularJS中使用HTML5手机摄像头拍照的完整攻略如下: HTML5摄像头API简介 HTML5提供了访问设备摄像头的API,这个API是Navigator.getUserMedia(),它用于打开摄像头,并且访问摄像头捕获的视频流。 实现步骤 获取用户摄像头的许可 创建一个video元素 将摄像头捕获的视频流绑定到video元素上 创建一个Canv…

    JavaScript 2023年6月11日
    00
  • HTML中的pre-load 和 pre-fetch

    当浏览器加载网页时,通常会遵循一个默认的流程,先加载 HTML、CSS 和 JavaScript,然后再加载图片、音频、视频等资源。这个默认的流程可能会导致网页加载速度变慢,用户体验不佳。因此,可以使用一些技术来优化网页加载的速度,其中之一就是按需加载。 按需加载是指根据用户实际需要,动态地加载资源,而不是一次性加载所有资源。这样可以减少页面加载时间,提高用…

    JavaScript 2023年4月17日
    00
  • 如何在wxml中直接写js代码(wxs)

    下面是如何在wxml中直接写js代码(wxs)的攻略: 编写wxs文件 首先需要编写wxs文件,在wxs文件中可以编写js代码。在wxml中可以通过< wxs >标签引入wxs文件,引入后可以直接使用wxs中的变量或函数。 示例代码如下: // test.wxs module.exports.add = function (a, b) { ret…

    JavaScript 2023年6月11日
    00
  • jqeury eval将字符串转换json的方法

    当我们从后端获取JSON格式的字符串时,需要将其转换成JS对象进行操作和渲染。jQuery中提供了一个eval()方法,可以将JSON格式的字符串转换为JS对象。 以下是将字符串转换为JSON对象的代码演示: // 字符串 var jsonString = ‘{"name": "Lucy", "age&quo…

    JavaScript 2023年5月27日
    00
  • JavaScript 拖拽实现(附注释),最经典简单短小精悍!

    以下是JavaScript拖拽实现的详细攻略: 概述 拖拽实现是网页中常见的交互效果,它的实现原理是借助JavaScript事件和DOM操作。本文将带您全面了解JavaScript拖拽的实现方法。 基本原理 拖拽实现的基本原理如下: 给需要拖拽的元素绑定mousedown事件。 鼠标按下时,记录鼠标相对元素位置,并给document绑定mousemove和m…

    JavaScript 2023年6月11日
    00
  • JS如何实现一个单文件组件

    要实现一个单文件组件,我们需要使用Vue.js这个通用的组件框架来开发。 以下是实现一个单文件组件的步骤: 第一步:安装和配置Vue.js 在项目文件夹下运行以下命令安装Vue.js npm install -g vue 创建一个Vue项目 vue create my-project 运行Vue项目 cd my-project npm run serve 第…

    JavaScript 2023年5月27日
    00
  • javascript实现C语言经典程序题

    为了实现C语言经典程序题,我们需要先掌握一些基本概念和语法,包括控制结构、循环、条件语句、函数等。在掌握了这些基础后,我们可以通过JavaScript语言的灵活性和多功能性来实现这些经典的程序题目。 下面就来介绍如何实现一些经典的程序题目: 示例一:求字符串中子串的个数 题目描述:给定一个字符串和它的一个子串,要求在字符串中找到子串出现的次数。 // 方法一…

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