JS基础_算数运算符

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             /*

              * 运算符也叫操作符

              *     通过运算符可以对一个或多个值进行运算,并获取运算结果

              *     比如：typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回 number string boolean undefined object

              *

              *     算数运算符

              *         当对非Number类型的值进行运算时，会将这些值转换为Number然后再运算，任何值和NaN做运算都得NaN

              *

              *

              *         +    +可以对两个值进行加法运算，并将结果返回

              *              如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回

              *             任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

              *

              *         -    - 可以对两个值进行减法运算，并将结果返回

              *

              *

              *         *    * 可以对两个值进行乘法运算

              *

              *         /    / 可以对两个值进行除法运算

              *

              *         %    % 取模运算（取余数）

              */

             var a = 123;

             var result = typeof a;

             console.log(result);//number

             console.log(typeof result); //string

             result = a + 1;

             console.log(result);//124

             result = 456 + 789;

             console.log(result);//1245

             result = true + 1;

             console.log(result);//2

             //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

             result = true + false;

             console.log(result);//1

             //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

             result = 2 + null;

             console.log(result);//2

             //任何值和NaN做运算都得NaN

             result = 2 + NaN;

             console.log(result);//NaN

             //如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回

             result  = "123" + "456";

             console.log(result);//123456

             result = "你好" + "大帅哥";

             console.log(result);//你好大帅哥

             var str = "锄禾日当午，" +

                       "汗滴禾下土，" +

                       "谁知盘中餐，" +

                       "粒粒皆辛苦";

             console.log(str);//锄禾日当午，汗滴禾下土，谁知盘中餐，粒粒皆辛苦          

             //-----------------------------------------------------------------------------------

             //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

             result = 123 + "1";

             console.log(result);//1231

             //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作

             result = true + "hello";

             console.log(result);//truehello

             /*

              * 我们可以利用这一特点，来将一个任意的数据类型转换为String

              *     我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String

              *     这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数

              */

             var c = 123;

             c = c + ""; //和c = String(c)本质上是一样的

             console.log(typeof c);//string

             result = 1 + 2 + "3";

             console.log(result); //33

             result = "1" + 2 + 3;

             console.log(result); //123

             //-----------------------------------------------------------------------------------

             result = 100 - 5;

             console.log(result); //95

             result = 100 - true;

             console.log(result); //99

             result = 100 - "1";

             console.log(result); //99

             result = 2 * 2;

             console.log(result); //4

             result = 2 * "8";

             console.log(result); //16

             result = 2 * undefined;

             console.log(result); //NaN

             result = 2 * null;

             console.log(result); //0

             result = 4 / 2;

             console.log(result); //2

             result = 3 / 2;

             console.log(result); //1.5

             //-----------------------------------------------------------------------------------

             /*

              * 任何值做  -  *  / 运算时都会自动转换为Number

              *     我们可以利用这一特点做隐式的类型转换

              *         可以通过为一个值 -0  、*1 、 /1来将其转换为Number，原理和Number()函数一样，使用起来更加简单

              */

             var d = "123";

             d = d - 0;

             console.log(d); //123

             console.log(typeof d);//number

             result = 9 % 3;

             console.log(result); //0

             result = 9 % 4;

             console.log(result); //1

             result = 9 % 5;

             console.log(result); //4

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_算数运算符的更多相关文章

JS基础_相等运算符
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
JS基础_关系运算符
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
JS基础6--逻辑运算符
&&与 ||或 !非如果对一个值进行两次取反,它不会变化如果对一个非布尔值进行取反,则会将其转换为布尔值,再取反所以我们可以利用该特点.来将 ...
JS基础_运算符的优先级
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
JavaScript基础一（js基础函数与运算符）
[使用js的三种方式] 1.在HTML标签中,直接内嵌js(并不提倡使用) <button onclick=" alert('点就点')"> 点我啊</butto ...
JS基础_属性名和属性值
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
JS基础_数据类型-Number类型
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
JS基础_标识符
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
JS基础_全局作用域
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

linux向文件中添加数据，数据被追加到了上一行的行尾
当我们在windows上新建了文件,并且要上传到linux上时,一定要在文件后加上空格,否则就会出现标题上讲的,数据被追加到了上一行的行尾,而不是新起一行,但是如果是在linux上新建的文件,则没有这 ...
pytorch-卷积基本网络结构-提取网络参数-初始化网络参数
基本的卷积神经网络 from torch import nn class SimpleCNN(nn.Module): def __init__(self): super(SimpleCNN, self ...
C realloc
https://baike.baidu.com/item/realloc/659993?fr=aladdin 也就是说:原地址后面有连续可以空间可以满足需要,则追加在后面,否则开辟新空间,并拷贝数据
C#实现MJPEG服务器
实现流写入,将图像作为mjpeg写入 public class MjpegWriter : IDisposable { , }; , , , }; private string _Boundary; ...
Linux命令jobs小记
命令使用过程中,输出中总是会带两个符号:+ 和 -,如: [1] 7893 Running gpass & [2] 7904 Running gnome-calculator & [3 ...
idea设置包的导入和提示重复代码下波浪线
1.一般idea都不会导入包.即使按了(以下都是已eclipse设置idea的快捷键) alt+enter键也不能导入. 2.关闭重复代码提示(也就是重复代码有波浪线)
java+服务器上传和下载文件
1.介绍enctype enctype 属性规定发送到服务器之前应该如何对表单数据进行编码. enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样) 1. ...
手写web框架之开发一个类加载器
ackage io.renren.common; import lombok.extern.slf4j.Slf4j; import org.apache.commons.lang3.StringUti ...
ELK故障处理，不知道成功否
上周?还是上上周??发现ELK的数据都没有更新了,考虑到这个系统目前不重要,就没有理会.今日再次登陆,发现没有数据更新了!!! system overview 没有主机,没有数据. 登陆系统检查状态, ...
Golang gRPC微服务02: helloworld
安装protobuf 在windows下,直接下载release版本https://github.com/protocolbuffers/protobuf/releases/tag/v3.9.0然后把 ...

JS基础_算数运算符

JS基础_算数运算符的更多相关文章

随机推荐

热门专题