javascript中的几个运算符

下面是Javascript中的几个运算符的详细讲解。

算术运算符

算术运算符是用来执行数学运算的运算符。Javascript中包含了基础的加、减、乘、除、求余运算符。

var x = 10;
var y = 3;

console.log(x + y); // 13
console.log(x - y); // 7
console.log(x * y); // 30
console.log(x / y); // 3.3333333333333335
console.log(x % y); // 1

赋值运算符

赋值运算符用来给变量赋值。Javascript中有简单赋值运算符以及复合赋值运算符。简单赋值运算符只是简单的将一个变量的值赋给另一个变量,而复合赋值运算符则可以对变量进行加、减、乘、除等操作。

var x = 10;
var y = 3;

x += y; // 等价于 x = x + y;
x -= y; // 等价于 x = x - y;
x *= y; // 等价于 x = x * y;
x /= y; // 等价于 x = x / y;
x %= y; // 等价于 x = x % y;

console.log(x); // 1

比较运算符

比较运算符用于比较两个值的大小或者是否相等。比较运算符的返回值总是一个布尔值,即true或者false。

var x = 10;
var y = "10";

console.log(x == y); // true
console.log(x === y); // false
console.log(x != y); // false
console.log(x !== y); // true
console.log(x > y); // false
console.log(x < y); // false
console.log(x >= y); // true
console.log(x <= y); // true

逻辑运算符

逻辑运算符用于将多个条件或多个值连接到一起。Javascript中包含了三个逻辑运算符:逻辑与(&&)、逻辑或(||)、逻辑非(!)。

var x = 10;
var y = 3;
var z = 5;

console.log(x > y && x > z); // true,x大于y并且大于z
console.log(x > y || x < z); // true,x大于y或者小于z
console.log(!(x > y)); // false,x不大于y

以上就是Javascript中几个重要的运算符的详细讲解。希望能对你有所帮助。

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

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

相关文章

  • JavaScript函数表达式详解及实例

    JavaScript函数表达式详解 在JavaScript中,函数是一等公民,也就是说函数可以像其他变量一样被赋值、传参等操作。函数表达式是一种定义函数的方式,下面我们来详细讲解函数表达式。 函数表达式的语法 函数表达式的语法如下: var myFunction = function(arg1, arg2, …) { //函数体 }; 其中,myFunc…

    JavaScript 2023年5月27日
    00
  • js实现动态添加上传文件页面

    实现动态添加上传文件页面,可以通过以下几个步骤完成: HTML部分 首先,在HTML文件中,提供一个用于点击后触发上传文件对话框的按钮,并准备一个div容器,用于动态添加上传文件表单: <button id="addFileBtn">添加上传文件</button> <div id="fileForm…

    JavaScript 2023年5月27日
    00
  • JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)

    当我们需要在网页中展示当前日期时间的时候,可以使用JavaScript来获取当前日期时间,并以设定的格式进行展示。下面是获取当前日期时间的方法: 1. 使用Date对象的toLocaleString()方法获取当前日期时间 let now = new Date(); let year = now.getFullYear(); // 获取当前年份 let mo…

    JavaScript 2023年5月27日
    00
  • JavaScript+CSS实现唯美蝴蝶动画

    下面我就来详细讲解一下“JavaScript+CSS实现唯美蝴蝶动画”的完整攻略。 1. 准备蝴蝶图片素材 第一步需要准备的就是蝴蝶图片素材。这里我们需要两张素材,一张是蝴蝶展翅的图片,另一张是蝴蝶合拢翅的图片。可以在网络上搜索或者自己拍摄。 2. HTML文件结构 创建一个 HTML 文件,并添加如下结构: <!DOCTYPE html> &l…

    JavaScript 2023年6月10日
    00
  • 深入浅析JS Function()构造函数

    深入浅析JS Function()构造函数 简介 Function()构造函数是JavaScript中的一个重要对象(Object),它可以用来定义和创建函数。由于JavaScript中的函数是一等公民(First-Class Citizen),因此Function()构造函数在JavaScript语言中具有非常重要的意义,我们可以使用它来定义匿名函数、闭包…

    JavaScript 2023年5月27日
    00
  • javascript document.referrer 用法

    Javascript中,document.referrer属性用于获取上一页面的URL地址。具体来说,它返回一个字符串,即访问当前页面的用户从哪个URL过来的。这个属性可以提供有用的信息,比如可以用于跟踪用户的来源,或者可以用于判断用户是否从一些关键页面跳转过来。 下面是使用document.referrer属性的完整攻略。 1. 使用document.re…

    JavaScript 2023年6月11日
    00
  • js的image onload事件使用遇到的问题

    下面是详细解释和示例: 关于 image onload 事件 Image 对象是 JavaScript 用于载入图像的对象。Image 对象的 onload 事件在图像载入完成时触发,可以用于检测图像是否成功加载,并在成功后执行其他操作。当然,如果图像加载失败,onload 事件是不会被触发的。 经典的 image onload 示例 以下是一个完整的 im…

    JavaScript 2023年5月19日
    00
  • js实现接收表单的值并将值拼在表单action后面的方法

    实现接收表单的值并将值拼在表单action后面的方法,可以通过以下步骤来完成: 使用 HTML 表单标签创建表单,并指定表单的 action 和 method 属性以及 input 标签来定义表单项。 <form action="submit.php" method="post"> <label fo…

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