首页 > 编程语言 >JavaScript的运算符（算术、比较、赋值、逻辑、条件）

JavaScript的运算符（算术、比较、赋值、逻辑、条件）

时间：2024-06-14 21:58:15浏览次数：27  
标签：--- console log 示例 JavaScript 运算符 Math 赋值

天行健，君子以自强不息；地势坤，君子以厚德载物。

每个人都有惰性，但不断学习是好好生活的根本，共勉！

文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。

文章目录

JS系列篇：
JS（JavaScript）入门学习指南
JS（JavaScript）学习专栏

运算符

js中的运算符有以下几种：算术运算符、比较运算符、赋值运算符、逻辑运算符、条件运算符

1. 算术运算符

算术运算符：包含了数据的加、减、乘、除、取模和次方等

1.1 示例代码

示例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>核心语法-运算符</title>

    <script>

        /*
            算术运算符
        */
       //定义变量并赋值
       var a = 3;
       var b = 2;
       var c = '4';

       //使用算数运算符进行计算并打印结果
       //加法
       console.log('a + b = ', a + b);
       //减法
       console.log('a - b = ', a - b);
       //乘法
       console.log('a * b = ', a * b);
       //除法
       console.log('a / b = ', a / b);
       //取余
       console.log('a % b = ', a % b);
       //次方，表示a的b次方的值
       console.log('a ** b = ', a ** b);
       //数值与数字字符串计算，会自动将字符串转为数值
       console.log('a - c = ', a - c);

       console.log('--------------------------------------');

       //前缀的自增自减和后缀的自增自减与Java中的用法相同
       console.log('a = ', a);
       console.log(a);
       console.log('++a = ', ++a);
       console.log(a);
       console.log('a++ = ', a++);
       console.log(a);
       console.log('--a = ', --a);
       console.log(a);
       console.log('a-- = ', a--);
       console.log(a);


       console.log('--------------------------------------');



    </script>


</head>
<body>
    
</body>
</html>

1.2 打印结果

浏览器控制台打印结果
在这里插入图片描述

2. 比较运算符

比较运算符：大于、小于、大于等于、小于等于、等于、全等于、不等于
用于比较数据，返回的结果为布尔值

2.1 示例代码

示例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>核心语法-运算符</title>

    <script>

        /*
            比较运算符
        */
       //定义变量并赋值
       var a = 3;
       var b = 2;
       var c = 3;
       var d = '3';
       var e = 1;
       var f = true;


       //使用比较运算符进行比较并打印结果
       //大于，结果为true
       console.log('a > b = ', a > b);
       //小于，结果为false
       console.log('a < b = ', a < b);
       //大于等于，结果为true
       console.log('a >= b = ', a >= b);
       //小于等于，结果为false
       console.log('a <= b = ', a <= b);
       //等等于，结果为true
       console.log('a == c = ', a == c);
       //三等于，结果为true
       console.log('a === c = ', a === c);
       //等等于，结果为true
       console.log('a == d = ', a == d);
       //全等于，结果为false
       console.log('a === d = ', a === d);
       //不等于，结果为false
       console.log('a != c = ', a != c);

       //布尔值true和数值1比较，结果为true
       console.log('e == f = ', e == f);
       //布尔值true与数值3比较，结果为false
       console.log('a == f = ', a == f);

       //注意1：两个等号==只判断内容是否相等，三个等号===全等于既判断内容，又判断数据类型
       //注意2：布尔值true对应的数值为1，false对应的数值为0

       console.log('--------------------------------------');

    </script>


</head>
<body>
    
</body>
</html>

2.2 打印结果

浏览器控制台打印结果
在这里插入图片描述

3. 赋值运算符

赋值运算符：加等于、减等于、乘等于、除等于

3.1 示例代码

示例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>核心语法-运算符</title>

    <script>

        /*
            赋值运算符
        */
       //定义变量并赋值
       var a = 3;
       console.log('a : ', a);
       a+=2;
       console.log('a+=2 : ', a);
       a-=2;
       console.log('a-=2 : ', a);

       a*=2;
       console.log('a*= : ', a);

       a/=2;
       console.log('a/= : ', a);



       console.log('--------------------------------------');



    </script>


</head>
<body>
    
</body>
</html>

3.2 打印结果

浏览器控制台打印结果
在这里插入图片描述

4. 逻辑运算符

逻辑运算符：与&&、或||、非!

4.1 示例代码

示例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>核心语法-运算符</title>

    <script>

        /*
            逻辑运算符
        */
       //定义变量并赋值
       var a = true;
       var b = false;
       //与&&
       console.log('a && b : ', a && b);
       //或||
       console.log('a || b : ', a || b);
       //非！
       console.log('a || 3/0 : ', a || 3/0);

       console.log('--------------------------------------');



    </script>


</head>
<body>
    
</body>
</html>

4.2 打印结果

浏览器控制台打印结果
在这里插入图片描述

5. 条件运算符

条件运算符：用于条件判断并执行语句

5.1 语法

语法如下：

条件?执行语句1:执行语句2

5.2 示例代码

示例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>核心语法-运算符</title>

    <script>

        /*
            条件运算符
        */
       //定义变量并赋值
       var a = 3;
       var b = 1;
       //条件运算符语法：条件?执行语句1:执行语句2

       //a大于b则输出a-b的值，否则输出a+b的值
       console.log(a > b ? a-b : a+b);
       console.log('--------------------------------------');

    </script>

</head>
<body>
    
</body>
</html>

5.3 打印结果

浏览器控制台打印结果
在这里插入图片描述

6. Math方法

在JS中和java一样有一个可以调用的数学运算的函数Math()
可以对对象进行基础的数学运算

6.1 示例代码

示例代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>核心语法-Math方法对对象数学运算</title>

    <script>

        /*
            Math方法的数学运算
        */
       //1绝对值，正负值的绝对值是提出正负号，0的绝对值是0
       console.log('---1绝对值---Math.abs(-1)--------------------------------');
       console.log(Math.abs(-1));

       //2计算次方，参数a,b，表示a的b次方
       console.log('---2次方值---Math.pow(3,4)--------------------------------');
       console.log(Math.pow(3,4));

       //3四舍五入，到5进一位
       console.log('---3四舍五入---Math.round(2.9)--------------------------------');
       console.log(Math.round(2.9));

       //4向上取整，获取大于等于参数的最小整数
       console.log('---4向上取整---Math.ceil(2.3)--------------------------------');
       console.log(Math.ceil(2.3));

       //5向下取整，获取小于等于参数的最大整数
       console.log('---5向下取整---Math.ceil(2.8)--------------------------------');
       console.log(Math.floor(2.8));
       //注：2.0的向上取整和向下取整都是2.0

       //6生成一个[0.0,1)之间的随机浮点数，[闭区间，表示包括0.0，)开区间，表示不包括1
       console.log('---6生成一个大于等于0.0小于1的随机浮点数---Math.random()--------------------------------');
       console.log(Math.random());

       //7最大值
       console.log('---7最大值---Math.max(5,2,3,1,6,10,8,7,9)--------------------------------');
       console.log(Math.max(5,2,3,1,6,10,8,7,9));

       //8最小值
       console.log('---8最小值---Math.max(5,2,3,1,6,10,8,7,9)--------------------------------');
       console.log(Math.min(5,2,3,1,6,10,8,7,9));

       //9圆周率的值
       console.log('---9最大值---Math.PI--------------------------------');
       console.log(Math.PI);
    //    console.log('--------------------------------------');

    </script>

</head>
<body>
    
</body>
</html>

6.2 输出结果

浏览器控制台输出
在这里插入图片描述

7. 示例代码下载

本文示例代码已上传至CSDN资源库
下载地址：JavaScript js运算符 示例代码

感谢阅读，祝君暴富！

标签：---,console,log,示例,JavaScript,运算符,Math,赋值
From： https://blog.csdn.net/mo_sss/article/details/139532411

相关文章

  • Java中如何使用运算符？
    在Java中，运算符是用于执行基本数学计算、逻辑比较以及赋值操作等的重要元素。以下是Java中常见的运算符及其使用方法的详细介绍：1：算术运算符：加法（+）：用于将两个数相加。inta=5;intb=3;intsum=a+b;减法（-）：用于将两个数相减。intx=10;......
  • ArcGIS JSAPI 高级教程 - ArcGIS Maps SDK for JavaScript - 添加自定义（GLSL）数据
    ArcGISJSAPI高级教程-ArcGISMapsSDKforJavaScript-添加自定义（GLSL）数据核心代码完整代码在线示例ArcGISMapsSDKforJavaScript从4.29开始增加RenderNode类，可以添加数据以及操作FBO（ManagedFBO）；通过操作FBO，可以通过后处理实现很多效果，官方提供了几......
  • C语言-运算符
    运算符有几个操作数就是几元运算符1、算术运算符*运算符**描述**操作数个数（几元运算符）**组成的表达式的值**副作用*+正号1操作数本身无-负号1操作数符号取反无+加号2两个操作数之和无-减号2两个操作数之差无*****乘号2两个......
  • javascript - 文件上传
    最简单的文件上传接口@ControllerpublicclassExcelCtrl{@ResponseBody@RequestMapping(value="upload",method=RequestMethod.POST)publicResultimportExcel(@RequestParamMultipartFilefile,HttpServletResponseresponse)throwsIOExceptio......
  • javascript - 面向对象
    要是直接百度，如何在javascript中创建一个对象，你能找到一堆这样的文章：《js创建对象的n种方式》、《闭包的n种写法》……咱们不参加考试，不要记那么多，整那么多写法，代码还不好维护。就例举几个，在实际项目开发过程中，比较好的代码写法。兼容语法1如果想兼容旧的浏览器，可以采......
  • 需求虽小但是问题很多，浅谈JavaScript导出excel文件
    最近我在进行一些前端小开发，遇到了一个小需求：我想要将数据导出到Excel文件，并希望能够封装成一个函数来实现。这个函数需要接收一个二维数组作为参数，数组的第一行是表头。在导出的过程中，要能够确保避免出现中文乱码的情况。另外，考虑到数组中可能包含回车、逗号、换行符等......
  • JavaScript 编程语言【数据类型】映射|集合|WeakMap and WeakSet
    文章目录MapandSet（映射和集合）MapMap迭代Object.entries：从对象创建Map]Object.fromEntries：从Map创建对象SetSet迭代（iteration）总结✅任务过滤数组中的唯一元素过滤字谜（anagrams）迭代键WeakMapandWeakSet（弱映射和弱集合）WeakMap使用案例：额外的数据使用案例：缓存Weak......
  • python 赋值后is ==遇到的问题
    在python中小整数对象池包括[-5,256]。这之间的小整数数值相同时在小整数对象池中属于同一对象即是aisb返回True。简单字符串也是如此，对于其他对象则不适用简单来说 is与notis比较的是数字的地址                ==判断的是数字的值在计算机中的......
  • 一起来学javascript-axios
       <!--//AJAX的封装插件——Axios。  //什么是Axios  //Axios是一个基于Promise的HTTP库，可以用于浏览器和Node.js，支持VanillaJS、Angular、React、Vue等框架。  //简单的理解就是对Ajax的封装，且具有易用、简洁、高效等特点。  ......
  • 使用 JavaScript 中的 DeviceOrientationEvent
    在前端开发中，DeviceOrientationEvent是一个非常有用的API，它允许我们访问设备的物理方向信息，如设备的倾斜和旋转。这个API可以在移动设备上获取设备的方向，可以用来创建各种有趣和交互性强的应用程序，比如游戏、增强现实体验等。本文将介绍如何使用DeviceOrientationEventAP......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99