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> ...
随机推荐
- Nginx优化之日志优化,URL访问控制,防盗链,及站点文件目录优化
Nginx日志相关优化与安全 日志切割脚本如下: #!/bin #日志切割脚本 Date=`date +%Y%m%d` Bdir="/usr/local/nginx" Nginxl ...
- Samrty技术的 初步了解
<span style="font-size:18px;">Smarty 技术的使用 <?php #smarty 测试 #引入smarty require_onc ...
- JAVA与c#中byte取值范围的差异
C#中分有符号类型的sbyte和无符号类型的byte Console.WriteLine("byte.min:{0},byte.max:{1},{2}byte", byte.Min ...
- React Native使用react-navigation时,设置navigationOptions中Static中使用this注意点
使用react-navigation时,单页面设置navigationOptions中,进行Static中调用方法,不能像以下设置 onPress = {()=>this.clickFinish ...
- 【Zookeeper】分布式环境搭建
环境说明 本文以三台机器为例,分别为bigdata111,bigdata112,bigdata113三台机器,先部署bigdata111机器,然后通过scp分发配置方式配置其他两台机器: 安装步骤 上 ...
- ASP.NET Core 入门笔记9，ASP.NET Core + Entity Framework Core 数据访问入门
一.前言 1.本教程主要内容 ASP.NET Core MVC 集成 EF Core 介绍&操作步骤 ASP.NET Core MVC 使用 EF Core + Linq to Entity ...
- k8s集群证书过期（kubeadm 1.10.2 ）
1.k8s 集群架构描述 kubeadm v1.10.2创建k8s集群. master节点高可用,三节点(10.18.60.3.10.18.60.4.10.18.60.5). LVS实现master三 ...
- 如何简单的编译v8动态库
按照google v8的官方提供的方法,在国内,完成编译简直太难了. 还好nodejs提供离线编译能力,稍微改造一下可以从node源码中直接编译纯净的v8动态库. 直接把v8解压出来的py/gpy文件 ...
- AttributeError: module 'unittest' has no attribute 'TestCase'
一个自己给自己挖的坑 大家千万不要用库的名称命名,特别是刚刚入门的时候.文件夹.文件,都不要用库的名称. 一旦与库重名,就会出现这种 AttributeError. 引以为戒,以后我再这么命名,我就是 ...
- Go语言中数组的内部实现和基础功能
数组的内部实现和基础功能 因为数组是切片和映射的基础数据结构.理解了数组的工作原理,有助于理解切片和映射提供的优雅和强大的功能. 内部实现 在Go语言里,数组是一个长度固定的数据类型,用于存储一段具有 ...