JavaScript基础实战（2）js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
2024-05-10 19:11:57
文章目录
- 1、强制类型转换Number
- 1.1 代码
- 1.2 测试结果
- 2、进制表示
- 2.1 代码
- 2.2 测试结果
- 3、强制类型转换为Boolea
- 3.1 代码
- 3.2 测试结果
- 4、运算符
- 4.1 代码
- 4.2 测试结果
- 5、自增自减
- 5.1 代码
- 5.2 测试结果
- 6、与、或、非
- 6.1 代码
- 6.2 测试结果
- 7 赋值运算符
- 7.1 代码
- 8、关系运算符
- 8.1 代码
- 9、条件运算符
- 9.1 代码
- 9.2 测试结果
- 10 、优先级
1、强制类型转换Number
1.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>强制类型Number</title><style type="text/css"> </style><script type="text/javascript">/*将其他的数据类型转换为number转换方式一：使用Number函数字符串转换为数字1、如果纯数字的字符串，直接转换为数字2、如果字符串中有非数字的内容，则转换为NaN3、如果字符串是一个空串或者是一个全是空格的字符，则转换为0Boolean转数字：1、true 转换 12、false 转换 0Null 转换为 数字 0Undefined 转换为数字 NaN转换方式二：*/var a = "123";a = Number(a)console.log("字符串转换为number："+typeof a);var b = "123px"// parseInt()可以将一个字符串中的有效的整数内容取出来，然后转换为Numberb = parseInt(b)console.log("parseInt："+b);// parseFloat()可以取出小数位var c = "123.21px"c = parseFloat(c);console.log("parseFloat:"+c);var d = true;d = d.toString();console.log(typeof d);// 如果对非String使用parseInt()或parseFloat(),它会先将其转换为String，然后在操作d = parseFloat(d);console.log(d);</script>
</head><body></body></html>
1.2 测试结果
2、进制表示
2.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>标题</title><style type="text/css"> </style><script type="text/javascript">/*在JS中需要表示16进制的数字，则需要以0X开头 如果需要表示8进制的数字，则需要以0开头表示二进制： 需要0b开头*/var a ;//十六进制a = 0X123;a = 0X431;console.log("16进制："+a);//八进制a = 021;a = 032;console.log("8进制："+a);//二进制a = 0b10;console.log("2进制"+a);</script>
</head><body></body></html>
2.2 测试结果
3、强制类型转换为Boolea
3.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>转换boolean</title><style type="text/css"> </style><script type="text/javascript">/*将其它的数据类型转换为Boolean使用Boolean()函数数字--->布尔- 除了0和NaN,其余的都是true字符串--->布尔- 除了空串，其余的都是truenull和undefined 都会转换为false对象也会转换为 true*/var a = null;a = Boolean(a);console.log(a);a = "123";a = Boolean(a);console.log(a); a = 123;a = Boolean(a);console.log(a);a = "";a = Boolean(a);console.log(a);</script>
</head><body></body></html>
3.2 测试结果
4、运算符
4.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>运算符</title><style type="text/css"> </style><script type="text/javascript">/*运算符也叫操作符通过运算符可以对一个或者多个值进行运算，同时获得运算结果例如：typeof就是运算符，可以获得一个值的类型它会将该值的类型以字符串的形式返回number string undefined Boolean object算数运算符：当对非number的值进行运算的时候，会首先将这些值转换为number任何值和NaN做运算都得NaN+：对两个值进行加法运算，并将结果返回- 如果对两个字符串进行加操作，进行拼串操作- 任何值和字符串进行加法操作，都会先转换为字符串，然后进行拼串操作-：可以对两个值进行减法运算，将非number转换为number*：可以对两个值进行乘法运算/：可以对两个值进行除法运算%：取模运算，取余数*/var a = 123;a = typeof a;console.log(a);var result ;result = true + false;console.log(result);result = "你好"+"大水果！！！";console.log(result);result = "hello--"+"my--"+"son";console.log(result);//任何值和字符串相加都会转换为字符串result = true + "js";console.log(result);/*我们可以利用这一特点，来将一个任意的数据类型转换为String我们只需要为任意的数据类型+一个 "" 就可以将其转换为String隐式的类型转换，由浏览器自动完成,实际上也是调用了String()*/var a = 123 +"";console.log(typeof a);result = 1+2+"4";//34 自左向右执行执行到3+"4"的时候，3转换为字符串，然后和4进行拼串操作console.log(result);result = "2"+3+4;//234 3转换为字符串和2进行拼串，然后23字符串和数字4进行相加，数字4转换为字符串和23进行拼串console.log(result);result = 100 - "123jdjd";console.log(result);//NaN</script>
</head><body></body></html>
4.2 测试结果
5、自增自减
5.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>自增自减</title><style type="text/css"> </style><script type="text/javascript">/*自增：让变量在在自身的基础上加1对于一个变量自增以后，原变量的值会立即自增1自增分为两种:后++(a++) 前++(++a)a++的值等于原变量的值++a的值等于原变量自增后的值自减：同自增理解*/var a = 3;console.log(a++);//3console.log(++a);//5var b =5;console.log(b--);//5console.log(--b);//3</script>
</head><body></body></html>
5.2 测试结果
6、与、或、非
6.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>逻辑运算符</title><style type="text/css"> </style><script type="text/javascript">/*JS中有三种运算符：！:非所谓非运算符就是对一个布尔值进行取反操作，true变为false ，false变为true如果对非布尔值进行运算，首先转换为布尔值，然后取反&& : 和两边条件都成立第一个值为true，会检查第二个元素第一个值为false，不会检查第二个元素||: 两边条件满足其一第一个值为true，不会检查第二个元素第一个值为false，会检查第二个元素*/var a = 123;a = !a;console.log(a);true && console.log("检查了右边");false && console.log("检查了右边");</script>
</head><body></body></html>
6.2 测试结果
7 赋值运算符
7.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>赋值运算符</title><style type="text/css"> </style><script type="text/javascript">/*可以将负号右侧的值赋值给左侧var a = 3;a += a; 等价于 a = a + 3；a -= a; 等级于 a = a-3;a *= a; 等价于 a = a * a;a /= a; 等价于 a = a / a;a %= a; 等价于 a = a % a;*/</script>
</head><body></body></html>
8、关系运算符
8.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>关系运算符</title><style type="text/css"> </style><script type="text/javascript">/*通过关系运算符可以比较两个值之间的大小关系， 任何值和NaN做比较都是false关系成立返回true，否则返回false>: 判断左侧的内容是否大于右侧的内容，成立返回true>=<<====== 不会对比较的内容进行转换，比较类型和内容是否相等非数值的情况- 对于非数值进行比较，会将其转换为数字然后在比较- 如果符号两侧的值都是字符串，不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode*/console.log("dkdk" > "eerr")</script>
</head><body></body></html>
9、条件运算符
9.1 代码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>条件运算符</title><style type="text/css"> </style><script type="text/javascript">/*条件运算符也叫三目运算符语法：条件表达式？ 语句1：语句2;执行的流程：先判断条件，符合执行语句1，否则执行语句2*/var a = 5;var b = 8;a > b ? console.log("a大于b"):console.log("a小于b");</script>
</head><body></body></html>
9.2 测试结果
10 、优先级
- 一般使用括号修改优先级的顺序
JavaScript基础实战（2）js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符相关推荐
- JS中的强制类型转换
概念 这里我们首先需要知道什么是值类型转换 值类型转换:将值从一种类型转换为另一种类型,就是类型转换,分显示转换和隐式转换 js类型转换出的值都是基本类型(number.boolean.string. ...
- js中的强制类型转换和进制数表达
强制的类型转换: String的转换 var a = 123;console.log(typeof a); //stringconsole.log(a); //123 方式一: ----调用被转换类型 ...
- 尚硅谷JavaScript基础实战丨JS入门到精通全套完整版 P15
P15 JavaScript运算符 **<!DOCTYPE html> <html><head><meta charset="utf-8" ...
- JavaScript基础实战知识点记录及个人理解2
JavaScript基础&实战知识点记录(26-45集) 第二十六集-运算符的优先级 第二十七集-代码块 第二十八.二十九.三十.三十一.三十二集-if语句 练习1 练习2 练习3 第三十三. ...
- JavaScript学习10 JS数据类型、强制类型转换和对象属性
JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以 ...
- C++编程进阶4（C++中的强制类型转换运算符、不要返回自定义类内部成员的指针，引用和迭代器）
十五.C++中的强制类型转换 C语言中的强制类型转换方式有两种 T i = (T)exp; T i = T(exp); 这两种方式没有差别,C++中也支持这两种方式,但是和C++中的强制类型转换运算符 ...
- AS3中的强制类型转换
转自http://www.zhuoqun.net/html/y2007/654.html 每一种编程语言都提供强制类型转换,允许你将某一种数据类型转换成另一种数据类型,AS3自然也不例外.但是虽然我编 ...
- (计算机组成原理)第二章数据的表示和运算-第二节7：详解C语言中的强制类型转换
文章目录 (1)无符号数和有符号数 (2)长整数变为短整数 (3)短整数变为长整数 在学习完前面几节的内容后,相信大家对数据是如何在计算机中存储.运算的有了更加深入的认识,那么接下来我们就以更深层次的 ...
- [强制类型转换]C语言中的强制类型转换相关
问题描述:C语言中的强制类型转换许多时候是隐式的,而在未注意时很可能代码会进行隐式转换而造成运行结果不正确.因此打算对C语言的类型转换做下整理和学习,发现这篇文章总结的很好,于是转载下来,原文地 ...
最新文章
- webpack 开发模式管理 Development
- could not export python function call python_value. Remove calls to Python functions before export
- JAVA语言教学重点_《JAVA语言》教学大纲
- The Tower（HDU6559+2018年吉林站+数学）
- 连接wifi的主机设置静态ip（固定ip）后无法上网的原因
- TiDB在360云平台的落地
- 再见 Docker ！5分钟转型 containerd !
- u-boot移植随笔：u-boot的内存分布图
- asp.net设置元素css的属性
- php打开retmsg,PHP截取发动短信内容的方法
- java智能社下载_08 深入javascript
- 自定义TextView显示指定行数
- 计算机编码,二进制编码数字
- 51单片机（六）.单片机输出电路实践——LCD1602与LCD12864的使用
- Unity—背包系统（思路总括）
- matlab中如何画圆锥,使用Matlab画出圆台圆锥圆柱
- 转行大数据还是人工智能，哪个发展更好
- 字体设计：五种常用的字体修改方法，让你的文字更好看
- [转载]屏蔽双显卡笔记本的独显
- 相机光学（十八）——MTF与SFR