JavaScript基础之运算符

JavaScript基础之运算符

在 JavaScript 中,我们可以使用不同的运算符对各种数据类型进行各种操作。下面介绍几种常用的运算符。

算术运算符

算术运算符用于操作数字类型的数据。

加号(+)

加号用于加法运算。

let a = 1, b = 2;
let c = a + b; // c = 3

减号(-)

减号用于减法运算。

let a = 2, b = 1;
let c = a - b; // c = 1

乘号(*)

乘号用于乘法运算。

let a = 2, b = 3;
let c = a * b; // c = 6

除号(/)

除号用于除法运算。

let a = 6, b = 2;
let c = a / b; // c = 3

取模(%)

取模用于取余数。

let a = 6, b = 4;
let c = a % b; // c = 2

赋值运算符

赋值运算符用于给变量赋值。

等号(=)

等号用于将等号右边的值赋给等号左边的变量。

let a = 1;
a = 2; // a = 2

加等于(+=)

加等于用于给变量加上一个值并将结果再次赋值给该变量。

let a = 1;
a += 2; // a = 3

其他的赋值运算符还包括减等于(-=)、乘等于=)和除等于*(/=)等。

比较运算符

比较运算符用于比较两个值是否相等。

等于(==)

等于用于判断左右两个值是否相等。

let a = 1, b = 1;
let c = a == b; // c = true

不等于(!=)

不等于用于判断左右两个值是否不相等。

let a = 1, b = 2;
let c = a != b; // c = true

大于(>)、小于(<)、大于等于(>=)和小于等于(<=)

这些比较运算符用于比较左右两个值的大小关系。

let a = 2, b = 3;
let c = a > b; // c = false

let d = 4, e = 4;
let f = d >= e; // f = true

逻辑运算符

逻辑运算符用于操作布尔类型的数据。

与(&&)

与运算符用于判断左右两个值是否都为 true。

let a = true, b = false;
let c = a && b; // c = false

或(||)

或运算符用于判断左右两个值是否有一个为 true。

let a = true, b = false;
let c = a || b; // c = true

非(!)

非运算符用于取相反值。

let a = true;
let b = !a; // b = false

示例说明

示例一

下面是一个简单的计算器程序,用户输入两个数字和运算符,程序计算并输出结果。

let num1 = Number(prompt("请输入第一个数字"));
let num2 = Number(prompt("请输入第二个数字"));
let operator = prompt("请输入运算符(+, -, *, /)");

if (operator == '+') {
  console.log(`${num1} + ${num2} = ${num1 + num2}`);
} else if (operator == '-') {
  console.log(`${num1} - ${num2} = ${num1 - num2}`);
} else if (operator == '*') {
  console.log(`${num1} * ${num2} = ${num1 * num2}`);
} else if (operator == '/') {
  console.log(`${num1} / ${num2} = ${num1 / num2}`);
} else {
  console.log(`无法计算,不支持的运算符${operator}`);
}

示例二

下面是一个简单的登录验证程序,用户输入用户名和密码,程序判断输入是否正确。

let username = prompt("请输入用户名");
let password = prompt("请输入密码");

if (username == 'admin' && password == '123456') {
  console.log("登录成功");
} else {
  console.log("用户名或密码错误");
}

以上就是 JavaScript 基础之运算符的完整攻略,希望对您的学习有所帮助!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript基础之运算符 - Python技术站

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

相关文章

  • JavaScript解决浮点数计算不准确问题的方法分析

    下面我将对“JavaScript解决浮点数计算不准确问题的方法分析”的完整攻略进行详细讲解。 问题的分析 在JavaScript中,浮点数计算可能会出现不准确的问题。例如,以下代码运行结果并不是我们预期的0.3: console.log(0.1 + 0.2); // 0.30000000000000004 这是因为JavaScript中数字采用的是IEEE7…

    JavaScript 2023年5月28日
    00
  • Javascript Global undefined 属性

    JavaScript中的undefined是一个全局属性,表示一个未定义的值。如果一个变量没有被赋值,则该变量的值为undefined。以下是关于undefined全局属性的完整攻略,包括两个示例。 JavaScript Global对象中的undefined属性 JavaScript Global对象中的undefined属性表示一个未定义的值。如果一个变…

    JavaScript 2023年5月11日
    00
  • JS字符串截取出现的bug以及解决方式

    JS字符串截取出现的bug以及解决方式 在JavaScript中,字符串截取是一种常见的操作。然而,当我们没有使用正确的方法时,就可能会出现一些不可预料的问题。下面我将详细讲解JS字符串截取出现的bug以及解决方式。 什么是字符串截取? 字符串截取是指从字符串中提取指定长度的子串。在JavaScript中,我们可以使用字符串的slice(), substr(…

    JavaScript 2023年5月19日
    00
  • js动态引入的四种方法

    JavaScript动态引入外部脚本文件的四种方法如下: Method 1 – 使用 document.createElement() 动态创建 script 元素并添加到 DOM 中 这是最基本的方法,在 JavaScript 中使用 document.createElement(‘script’) 方法动态创建 script 元素,然后设置其 src 属…

    JavaScript 2023年5月27日
    00
  • js分页显示div的内容

    下面是我的分页显示div内容的攻略: 什么是分页显示div的内容 分页显示div的内容是指在一个较大的div中,将内容进行分页,并且通过一些交互方式,可以实现翻页、跳页等操作,从而更好地展示数据。 分页显示div的实现 分页显示div的实现可以通过JavaScript代码来实现,其中包含以下几个步骤: 计算分页 首先需要计算数据的分页情况,这可以通过获取数据…

    JavaScript 2023年5月28日
    00
  • Three.Js实现颜色自定义变换效果实例

    下面我将为大家详细讲解实现“Three.Js实现颜色自定义变换效果实例”的完整攻略。 概述 在 Three.js 中,可以通过修改物体的颜色属性来实现颜色的变换效果。本文将以Three.JS库为基础,介绍如何利用其实现一个简单的颜色自定义变换效果。 步骤 步骤一:引入Three.js库文件 我们需要在HTML文件中引入Three.JS库文件,如下所示: &l…

    JavaScript 2023年6月11日
    00
  • Javascript日期对象的dateAdd与dateDiff方法

    让我们来详细讲解“Javascript日期对象的dateAdd与dateDiff方法”的完整攻略。 什么是Javascript日期对象 Javascript内置了Date对象,用来处理日期和时间。Date对象可以表示时间戳,也可以表示当地时间,同时也支持日期格式化和日期计算。 Javascript日期对象的常见方法 getDate(): 获取日期中的天数信息…

    JavaScript 2023年5月27日
    00
  • JS实现百度搜索框

    下面我来为你详细讲解 “JS实现百度搜索框”的攻略。 准备工作 在代码实现之前,我们需要先对百度搜索框的结构进行分析。可以发现,百度搜索框包含一段文本输入框和一个搜索按钮。在代码编写前,需要创建两个HTML元素分别代表文本输入框和搜索按钮,并设置相关属性。 <input type="text" name="search&q…

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