广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >javascript如何实现加减乘除运算
  • 534
分享到

javascript如何实现加减乘除运算

2024-04-02 19:04:59 534人浏览 安东尼
摘要

本篇内容主要讲解“javascript如何实现加减乘除运算”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何实现加减乘除运算”吧!

本篇内容主要讲解“javascript如何实现加减乘除运算”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何实现加减乘除运算”吧!

实现方法:1、利用“+”、“-”、“*”、“/”、“%”符,可实现加法、减法、乘法、除法和取余运算;2、利用“+=”、“-=”、“*=”、“/=”符,会先进行加减乘除运算,再将结果赋值给运算符左侧的变量;3、利用“++x”或“x++”符对变量的值进行自增(+1),利用利用“--x”或“x--”符对变量的值进行自减(-1)。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中,可以利用运算符实现加减乘除四则运算。运算符是用来告诉 JavaScript 引擎执行某种操作的符号,例如加号(+)表示执行加法运算,减号(-)表示执行减法运算等。

一:算术运算符

算数运算符用来执行常见的数学运算,例如加法、减法、乘法、除法等,下表中列举了 JavaScript 中支持的算术运算符:

运算符描述示例
+加法运算符x + y 表示计算 x 加 y 的和
-减法运算符x - y 表示计算 x 减 y 的差
*乘法运算符x * y 表示计算 x 乘 y 的积
/除法运算符x / y 表示计算 x 除以 y 的商
%取模(取余)运算符x % y 表示计算 x 除以 y 的余数

加法运算符

示例1

注意特殊操作数的求和运算。

var n = 5;  //定义并初始化任意一个数值
console.log(NaN + n);  //NaN与任意操作数相加,结果都是NaN
console.log(Infinity + n);  //Infinity与任意操作数相加,结果都是Infinity
console.log(Infinity + Infinity);  //Infinity与Infinity相加,结果是Infinity
console.log((-Infinity) + (-Infinity));  //负Infinity相加,结果是负Infinity
console.log((-Infinity) + Infinity);  //正负Infinity相加,结果是NaN

示例2

加运算符能够根据操作数的数据类型,决定是相加操作,还是相连操作。

console.log(1 + 1);  //如果操作数都是数值,则进行相加运算
console.log(1 + "1");  //如果操作数中有一个是字符串,则进行相连运算
console.log(3.0 + 4.3 + "");  //先求和,再连接,返回"7.3"
console.log(3.0 + "" + 4.3);  //先连接,再连接,返回"34.3"
                              //3.0转换为字符串3

在使用加法运算符时,应先检查操作数的数据类型是否符合需要。

减法运算符

示例1

注意特殊操作数的减法运算。

var n = 5;  //定义并初始化任意一个数值
console.log(NaN - n);  //NaN与任意操作数相减,结果都是NaN
console.log(Infinity - n);  //Infinity与任意操作数相减,结果都是Infinity
console.log(Infinity - Infinity);  //Infinity与Infinity相减,结果是NaN
console.log((-Infinity) - (-Infinity));  //负Infinity相减,结果是NaN
console.log((-Infinity) - Infinity);  //正负Infinity相减,结果是-Infinity

示例2

在减法运算中,如果操作数为字符串,先尝试把它转换为数值,再进行运算。如果有一个操作数不是数字,则返回 NaN。

console.log(2 - "1");  //返回1
console.log(2 - "a");  //返回NaN

使用值减去 0,可以快速把值转换为数字。例如 Http 请求中查询字符串一般都是字符串型数字,可以先把这些参数值减去 0 转换为数值。这与调用 parseFloat() 方法的结果相同,但减法更高效、快捷。减法运算符的隐性转换如果失败,则返回 NaN,这与使用 parseFloat() 方法执行转换时的返回值是不同的。

例如,对于字符串“100aaa”而言,parseFloat() 方法能够解析出前面几个数字,而对于减法运算符来说,则必须是完整的数字,才可以进行转换。

console.log(parseFloat("100aaa"));  //返回100
console.log("100aaa" - 0);  //返回NaN

对于布尔值来说,parseFloat() 方法能够把 true 转换为 1,把 false 转换为 0,而减法运算符视其为 NaN。

对于对象来说,parseFloat() 方法会尝试调用对象的 toString() 方法进行转换,而减法运算符先尝试调用对象的 valueOf() 方法进行转换,失败之后再调用 toString() 进行转换。

乘法运算符

注意特殊操作数的乘法运算。

var n = 5;  //定义并初始化任意一个数值
console.log(NaN * n);  //NaN与任意操作数相乘,结果都是NaN
console.log(Infinity * n);  //Infinity与任意非零正数相乘,结果都是Infinity
console.log(Infinity * (- n));  //Infinity与任意非零负数相乘,结果是-Infinity
console.log(Infinity * 0);  //Infinity与0相乘,结果是NaN
console.log(Infinity * Infinity);  //Infinity与Infinity相乘,结果是Infinity

除法运算符

注意特殊操作数的除法运算。

var  n = 5;  //定义并初始化任意一个数值
console.log(NaN / n);  //如果一个操作数是NaN,结果都是NaN
console.log(Infinity / n);  //Infinity被任意数字除,结果是Infinity或-Infinity
                            //符号由第二个操作数的符号决定
console.log(Infinity / Infinity);  //返回NaN
console.log(n / 0);  //0除一个非无穷大的数字,结果是Infinity或-Infinity,符号由第二个操作数的符号决定
console.log(n / -0);  //返回-Infinity,解释同上

求余运算符

求余运算也称模运算例如:

console.log(3 % 2);  //返回余数1

模运算主要针对整数进行操作,也适用于浮点数。例如:

console.log(3.1 % 2.3);  //返回余数0.8000000000000003

示例

注意特殊操作数的求余运算。

var n = 5;  //定义并初始化任意一个数值
console.log(Infinity % n);  //返回NaN
console.log(Infinity % Infinity);  //返回NaN
console.log(n % Infinity);  //返回5
console.log(0 % n);  //返回0
console.log(0 % Infinity);  //返回0
console.log(n % 0);  //返回NaN
console.log(Infinity % 0);  //返回NaN

二:赋值运算符

赋值运算符用来为变量赋值,有以下两种形式:

  • 简单的赋值运算 = :把等号右侧操作数的值直接复制给左侧的操作数,因此左侧操作数的值会发生变化。

  • 附加操作的赋值运算:赋值之前先对右侧操作数执行某种操作,然后把运算结果复制给左侧操作数。

一些附加操作的赋值运算就可以实现加减乘除四则运算。具体说明如表所示:

实现加减乘除四则运算的附加操作的赋值运算符
赋值运算符说明示例等效于
+=加法运算或连接操作并赋值a += ba = a + b
-=减法运算并赋值a -= ba= a - b
*=乘法运算并赋值a *= ba = a * b
/=除法运算并赋值a /= ba = a / b
%=取模运算并赋值a %= ba = a % b

示例代码如下:

var x = 10;
x += 20;
console.log(x);  // 输出:30
var x = 12,
    y = 7;
x -= y;
console.log(x);  // 输出:5
x = 5;
x *= 25;
console.log(x);  // 输出:125
x = 50;
x /= 10;
console.log(x);  // 输出:5
x = 100;
x %= 15;
console.log(x);  // 输出:10

三:自增、自减运算符

自增、自减运算符用来对变量的值进行自增(+1)、自减(-1)操作,下表中列举了 JavaScript 中支持的自增、自减运算符:

运算符名称影响
++x自增运算符将 x 加 1,然后返回 x 的值
x++自增运算符返回 x 的值,然后再将 x 加 1
--x自减运算符将 x 减 1,然后返回 x 的值
x--自减运算符返回 x 的值,然后将 x 减 1

示例代码如下:

var x;

x = 10;
console.log(++x);  // 输出:11
console.log(x);    // 输出:11

x = 10;
console.log(x++);  // 输出:10
console.log(x);    // 输出:11

x = 10;
console.log(--x);  // 输出:9
console.log(x);    // 输出:9

x = 10;
console.log(x--);  // 输出:10
console.log(x);    // 输出:9

到此,相信大家对“javascript如何实现加减乘除运算”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: javascript如何实现加减乘除运算

本文链接: https://www.lsjlt.com/news/98928.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript如何实现加减乘除运算
    本篇内容主要讲解“javascript如何实现加减乘除运算”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何实现加减乘除运算”吧! ...
    99+
    2022-10-19
  • php怎么实现加减乘除的运算
    php实现加减乘除运算的方法:1、创建一个php示例文件;2、定义两个变量为“$x”和“$y”;3、通过“$x+$y”,“$x-$y”,“$x*$y”及“$x/$y”公式实现加减乘除运算;4、使用“echo”输出运算结果即可。本教程操作系统...
    99+
    2023-05-14
    php
  • MongoDB中怎么实现加减乘除运算
    本篇文章给大家分享的是有关MongoDB中怎么实现加减乘除运算,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。1.$add操作符(+)1.1 语...
    99+
    2022-10-18
  • php如何进行加减乘除运算
    今天小编给大家分享一下php如何进行加减乘除运算的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。加法运算加法运算是最常见的一种...
    99+
    2023-07-05
  • PHP中怎么使用位运算实现加减乘除运算
    这篇文章主要介绍了PHP中怎么使用位运算实现加减乘除运算,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。计算机最基本的操作单元是字节,一个字节由8个位组成,一个位只能存储一个0...
    99+
    2023-06-20
  • Java使用位运算实现加减乘除详解
    目录1 . 实现加法2 . 实现减法3 . 实现乘法4 . 实现除法在线OJ: LeetCode 29. 两数相除 原题目的要求是不能使用乘法, 除法和取余运算符实现除法. 在本篇博...
    99+
    2023-05-19
    Java位运算实现加减乘除 Java位运算 加减乘除 Java位运算
  • C++重载运算符实现分数加减乘除
    本文实例为大家分享了C++重载运算符实现分数加减乘除的具体代码,供大家参考,具体内容如下 实现结果如下图所示: 代码如下所示: #include <iostream>...
    99+
    2022-11-12
  • C++实现加减乘除计算器
    本文实例为大家分享了C++实现加减乘除计算器的具体代码,供大家参考,具体内容如下 #include <iostream> #include <conio.h>...
    99+
    2022-11-13
  • php怎么进行加减乘除运算
    PHP是一种非常流行的服务器端脚本语言,它被广泛用于Web开发。在PHP中,运算加减乘除是非常常见的操作,本文将会介绍PHP中这几种运算的使用方法。加法运算加法运算是最常见的一种运算,在PHP中使用加号(+)来表示。下面是一个简单的加法运算...
    99+
    2023-05-14
    php
  • javascript实现加减乘除的方法
    这篇文章将为大家详细讲解有关javascript实现加减乘除的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。javascript实现加减乘除的方法:首先使用“document.getElementBy...
    99+
    2023-06-14
  • Java利用位运算实现加减乘除的方法详解
    目录前言一、常见位运算1. &运算2. |运算3. ^运算4. ~运算二、位运算实现加法三、位运算实现减法四、位运算实现乘法五、位运算实现除法前言 我们经常使用的加减乘除,我...
    99+
    2022-11-13
  • 电脑表格如何算加减乘除
    在电脑表格中进行加减乘除运算可以使用公式或函数进行计算。1. 加法:使用SUM函数计算选定单元格的和。例如,要计算A1和B1的和,可...
    99+
    2023-10-10
    电脑
  • php函数如何实现加减乘除
    这篇文章主要介绍“php函数如何实现加减乘除”,在日常操作中,相信很多人在php函数如何实现加减乘除问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php函数如何实现加减乘除”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-07-04
  • Android基于反射技术实现的加减乘除运算示例
    本文实例讲述了Android基于反射技术实现的加减乘除运算。分享给大家供大家参考,具体如下: JAVA反射机制定义: JAVA反射机制是在运行状态中,对于任意一个类,都能够知道...
    99+
    2022-06-06
    加减乘除运算 反射 示例 Android
  • java实现简单的加减乘除计算器
    本文实例为大家分享了java实现加减乘除计算器的具体代码,供大家参考,具体内容如下 代码 import java.awt.*; import java.awt.event.*;...
    99+
    2022-11-12
  • Mysql字段为null的加减乘除运算方式
    目录mysql字段为null的加减乘除运算解决办法数据库关于null不参与运算的坑举个例子:(阅读时:请记住这个字段以及它的值 )发生场景Mysql字段为null的加减乘除运算 数据库表test_table 如下查询:...
    99+
    2022-09-27
  • PHP如何在不使用加减乘除运算符号的情况下实现加法
    这篇文章主要讲解了“PHP如何在不使用加减乘除运算符号的情况下实现加法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“PHP如何在不使用加减乘除运算符号的情况下实现加法”吧!写一个函数,求两个...
    99+
    2023-06-20
  • C/C++高精度(加减乘除)算法的实现
    目录前言一、必要的参数二、辅助函数三、实现加减乘除1、加法2、减法3、乘法4、除法四、使用例子1、加法例子2、减法例子3、乘法例子4、除法例子前言 C/C++基本类型做算术运算时长度...
    99+
    2022-12-15
    C++实现高精度算法 C++高精度算法 C语言 高精度算法
  • android计算器实现两位数的加减乘除
    本文实例为大家分享了android计算器实现加减乘除的具体代码,供大家参考,具体内容如下 注:以下计算器只注重实现功能,不考虑其他BUG,只有两位整数的算法运算,适合新手 1、...
    99+
    2022-06-06
    Android
  • Android随机给出加减乘除的四则运算算术题
    本文实例为大家分享了Android随机给出加减乘除的四则运算算术题,供大家参考,具体内容如下 点击显示题目即可在指定范围内随机出算数题目,适合初学者上手,易懂,另外,我没有把每一种运...
    99+
    2022-11-13
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作