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函数防抖动debounce

    JavaScript函数防抖动Debounce是一种常用的前端性能优化方式,可以有效地减少频繁触发函数导致的性能问题。下面,我将详细讲解JavaScript函数防抖动Debounce的攻略,包括什么是函数防抖动、如何实现函数防抖动,以及函数防抖动的使用场景。 什么是函数防抖动? 在前端开发中,经常需要对页面元素进行事件绑定,例如监听窗口滚动事件、监听搜索框输…

    JavaScript 2023年6月10日
    00
  • js实现DOM走马灯特效的方法

    来分享一下实现JS DOM走马灯特效的方法攻略。 1. 前置技能 在实现JS DOM走马灯特效之前,你需要具备以下技能: HTML基础知识 CSS基础知识 JavaScript基础知识 掌握DOM操作基础方法 2. 实现过程 步骤一:HTML骨架搭建 首先,我们需要在HTML中创建容器来承载图片,为了实现走马灯效果,我们需要在容器中创建两个相同的图片列表,并…

    JavaScript 2023年6月10日
    00
  • JS实现点击li标签弹出对应的索引功能【案例】

    JS实现点击li标签弹出对应的索引功能可以使用jQuery或原生JS实现。以下是详细的步骤: 1. HTML结构 首先需要创建一个ul列表,每个li元素上都应该有一个data属性,它的值为它所代表的元素在列表中的索引。 <ul id="list"> <li data-index="0">Item…

    JavaScript 2023年6月10日
    00
  • JS中箭头函数与this的写法和理解

    JS中箭头函数与this的写法和理解是一个非常重要的问题,因为箭头函数的this规则和普通函数有所不同,如果不理解它的具体规则,就容易出现一些令人困惑的问题。下面就是一份关于箭头函数和this的完整攻略。 箭头函数的基本语法 箭头函数是在ES6中引入的一种语法,它是一种特殊的函数,它有以下的形式: (parameter1, parameter2, …, …

    JavaScript 2023年6月10日
    00
  • Javascript 异步加载详解(浏览器在javascript的加载方式)

    Javascript 异步加载详解(浏览器在javascript的加载方式) 什么是异步加载 在JavaScript中,异步加载是指浏览器在加载JavaScript文件时,并不会等待文件完全加载完成后再去执行JavaScript文件内的代码。异步加载的好处在于页面不会因为JavaScript加载而被阻塞,同时也可以提高页面的加载速度和性能。 实现异步加载的方…

    JavaScript 2023年5月27日
    00
  • JavaScript实现计数器基础方法

    为了实现JavaScript计数器,我们需要一个变量来存储计数器的当前值,在每次计数器加一时更新该变量的值。在HTML和JavaScript之间建立联系,通过HTML中的按钮调用计数器函数。 以下是实现计数器的基础方法: HTML 在需要添加计数器的html文件中,创建一个<p>元素,元素中包含我们要在其中显示计数器值的元素。同时,添加两个按钮&…

    JavaScript 2023年5月27日
    00
  • 详解JavaScript如何准确获取任意变量的数据类型

    获取JavaScript变量的数据类型是一个非常常见的需求,今天我来细致地讲解一下JavaScript如何准确获取任意变量的数据类型的攻略。 获取JavaScript变量的数据类型 在JavaScript中,我们可以使用typeof运算符来获取任意变量的数据类型。该运算符返回的是一个字符串,表示所对应变量的数据类型。 例如:下面是使用typeof运算符获取数…

    JavaScript 2023年6月10日
    00
  • js实现截取某个字符串前面的内容

    让我来详细讲解如何使用JavaScript实现截取某个字符串前面的内容。下面是具体步骤: 1. 使用indexOf()获取关键字的位置 在JavaScript中,我们可以使用indexOf()函数来获取字符串中某个关键字的位置,该函数会返回第一个匹配到的关键字的索引值,如果没有匹配到关键字则返回-1。我们可以利用这个函数来获取关键字在原字符串中的位置,从而确…

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