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> ...
随机推荐
- ios-Realm数据库的使用
[集成 Realm] 本 Demo 使用 OC 创建,所以先进入 Realm 官网 (我记得之前都是有官方中文教程的,但现在最新版没有中文了),到 Objective-C -> Getting ...
- RecyclerView进阶:使用ItemTouchHelper实现拖拽和侧滑删除
现在RecyclerView的应用越来越广泛了,不同的应用场景需要其作出不同的改变.有时候我们可能需要实现侧滑删除的功能,比如知乎首页的侧滑删除,又或者长按Item进行拖动与其他Item进行位置的交换 ...
- C#实现MJPEG服务器
实现流写入,将图像作为mjpeg写入 public class MjpegWriter : IDisposable { , }; , , , }; private string _Boundary; ...
- layui上传文件前加入确认提示
//上传文件 upload: function () { layui.use('upload', function () { var upload = layui.upload; //执行实例 var ...
- Qt编写自定义控件14-环形进度条
前言 环形进度条,用来展示当前进度,为了满足大屏UI的需要特意定制,以前有个叫圆环进度条,不能满足项目需要,只能重新定做,以前的进度间距不能自适应分辨率,而且当前进度对应的反的进度不能单独设置颜色,即 ...
- js图片预览带进度条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- linux备忘和卸载
linux上网 -------------------------------------------------linux卸载------------------------------------ ...
- powerdesigner使用遇到的一些问题
1.数据库逆向生成er图时,连接数据库问题 由于powerdesigner版本是32位,可能就导致不兼容64位的机器,导致连接mysql失败: 解决方法:方法1.重新配置32位jdk 方法2.mysq ...
- tomcat中的server.xml元素详解
附:Tomcat加载顺序 加载类和资源的顺序为: 1./Web-INF/classes 2./Web-INF/lib/*.jar 3.Bootstrap 4.System 5.$CATALINA_HO ...
- pyinstaller发布exe,弹出Failed to execute script main
1.在PyCharm中按Alt+F12打开Terminal对话框 1.1我的项目文件放在wxpython目录下,D:\learn\Weather index insurance\wxpython> ...