JavaScript 数字与字符串的加减乘除运算

JavaScript 数字与字符串的加减乘除运

老几次做题懵逼，遇到一大串运算句开始晕哪个打哪个，这次就一次性看透= =，免得再有下一次。

JavaScript 数字 number：
数值始终是 64 位浮点数，整数最大 15位，小数最大 17 位
JavaScript 字符串是引号中的零个或多个字符：
可使用单引号 | 双引号

注意：在所有数字运算中， JavaScript 会将字符串转为数字，但是加法会进行级联

/* ➕ */
// 都是 number -> 最后获得 number
console.log(12 + 10); // 22// 都是 string -> 发生级联，最后获得字符串
console.log("12" + "10"); // 1210，字符串级联// number + string | string + number -> 最后获得都是字符串
console.log(12 + "12");           //1212
console.log("12" + 12);          //1212
console.log("apple" + 12 + 10); // apple1210,放大看，实质上本质就是 apple(string) + (12 + 10)(number)// js 是从左到右进行编译的
console.log(12 + 10 + "12"); //2212,先进行数字运算 12 + 10 =22，再进行字符串级联 2212

/* ➖ */// 都是 number -> 最后获得数字
console.log(12 - 10); //2// 都是 string -> 先转化为 number 再进行运算，最后获得数字
console.log("12" - "10"); //2
console.log(typeof ("12" - "10")); // number// number - string | string - number -> number
console.log(12 - "12");          //0,"12" 转化为 number 再进行运算，最后获得数字0
console.log(typeof (12 - "12")); // number
console.log("12" - 12);          // 0,先 "12" 转化为 number 再进行运算，最后获得数字0
console.log(typeof ("12" - 12)); // number

/* ✖ */
// 都是 string -> 先转化为 number 再进行运算，最后获得数字
console.log(12 * 10);          // 120
console.log("12" * "10");          // 120
console.log(typeof ("12" * "10")); // number
console.log(12 * "12");          // 144
console.log(typeof (12 * "12")); // number
console.log("12" * 12);          // 144
console.log(typeof ("12" * 12)); // number

/* / */
// 都是 string -> 先转化为 number 再进行运算，最后获得数字
console.log(12 / 10);          // 1.2
console.log("12" /"10");           // 1.2
console.log(typeof ("12" / "10")); // number
console.log(12 / "12");          // 1
console.log(typeof (12 /"12"));  //number
console.log("12" / 12);          // 1
console.log(typeof ("12" / 12)); //number

/* % */
// 都是 string -> 先转化为 number 再进行运算，最后获得数字
console.log(12 % 10);          // 2
console.log("12" %"10");           // 2
console.log(typeof ("12" % "10")); // number
console.log(12 % "12");          // 0
console.log(typeof (12 %"12"));  //number
console.log("12" % 12);          // 0
console.log(typeof ("12" % 12)); //number

// true 布尔值在运算时候回转为 1，false 同理会转为 0

console.log(12 + true);   // 13
console.log("12" + true); //12true,字符串级联
console.log(12 - true);    // 11
console.log("12" - true);  // 11
console.log(12 * true);    //12
console.log("12" * true);  // 12
console.log(12 / true);    //12
console.log("12" / true);  //12
console.log(12 % true);    //0
console.log("12" % true);  //0

最后总结

除开字符串 + 数字的运算，会产生级联，其他情况下会将 String 转为 number 再进行数字运算。
js 运算是从左到右的，所以一步一步来，不要跳步进行运算。

感觉有帮助的话，可以给我点个赞嘛 φ(≧ω≦*)♪~

JavaScript 数字与字符串的加减乘除运算相关推荐

实现数字型字符串的加法运算
实现数字型字符串的加法运算如输入字符串num1="1234", num2="234",输出"1468";num1="1234&q ...
JavaScript数字转字符串，字符串转数字
//--------------------字符串转数字--------------------------- var s = "234"; //1.纯数字转换 / ...
javascript乘法和加法_JS加减乘除运算
//加法 Number.prototype.add = function(arg){ var r1,r2,m; try{r1=this.toString().split(".")[ ...
JavaScript 数字转字符串
// 不定义时123..toString(); // '123' 两个点(123).toString(); // '123'123 + ''; // '123'// 定义时let num = 123; ...
JavaScript数字运算必备库——big.js源码解析
概述在我们常见的JavaScript数字运算中,小数和大数都是会让我们比较头疼的两个数据类型. 在大数运算中,由于number类型的数字长度限制,我们经常会遇到超出范围的情况.比如在我们传递Long ...
java中数字作为布尔值_day50 java Script 数字和字符串布尔值和数组运算符条件判断和三元运算...
上节回顾: day501.前情回顾 CSS属性: float浮动的规则1. 浮动规则: 浮动只控制自己如果前面的标签也是浮动的,就挨着放如果前面的标签不浮动,则下方摆放如果把块级标签设置成浮动, ...
设计一个计算器，实现0-9数字间的加减乘除运算
设计一个计算器,实现0-9数字间的加减乘除运算设计一个计算器,实现0-9数字间的加减乘除运算提示: (1)采用JavaScript定义加减乘除方法: (2)通过document.getElemen ...
利用HTML和javaScript实现简单的加减乘除运算
一.计算方式计算过程利用下拉菜单进行选择运算方式,输入方式则是输入到from表单的文本框中,代码分为JavaScriptt部分和HTML部分. 二.代码段 (一)JavaScript部分 <s ...
基于JavaScript的简易计算器(可处理连续加减乘除运算)
相信大家对于计算器都并不陌生,很多朋友们一定也能完成简易的可以完成加减乘除运算的计算器的制作,那该怎么把简易的计算器美化并且可以完成连续运算,并且可以完成简单的先乘除后加减的动作呢?接下来我们一起来看 ...

JavaScript 数字与字符串的加减乘除运算

JavaScript 数字与字符串的加减乘除运

最后总结

JavaScript 数字与字符串的加减乘除运算相关推荐

最新文章

热门文章