Javascript 基础学习(五)js 的运算符
通过运算符可以对一个或多个值进行运算,并且一定有运算结果返回
算数运算符
算数运算符包括相加(+)、相减(-)、相乘(*)、相除(/)、取模(%)。任何值与字符串相加都会转换为字符串,做的是字符串连。除了与字符串做加法,当对非 Number 类型的值进行运算时,会将这些值转换为 Number 再运算。任何值和 NaN 做运算都得 NaN
//js里面不区分整数和小数
var j = 123;
alert(j/1000*1000);
// j/1000*1000 在java里面得到结果是 0
// 在js里面不区分整数和小数,123/1000=0.123 * 1000 = 123
//字符串的操作
var str = "456";
alert(str+1); //在java里面操作的结果是 4561 ,在js里面还是 4561
alert(str-1); //相减时候,执行减法的运算
//提示:NaN表示不是一个数字
一元运算符
正负号
//正号(+)表示正数
var a = 123;
a = +a;
console.log(a); /123
//负号(-)表示负数
var a = 123;
a = -a;
console.log(a); /-123
自增
自增可以使变量在原值的基础上自增1。
自增使用 ++。
自增可以使用 前++(++a)后++(a++)。
无论是++a 还是 a++都会立即使原变量自增1
不同的是++a和a++的值是不同的,++a的值是变量的新值(自增后的值), a++的值是变量的原值(自增前的值)
自减
自减可以使变量在原值的基础上自减1。
自减使用 --。
自减可以使用 前--(--a)后--(a--)。
无论是--a 还是 a--都会立即使原变量自减1。
不同的是--a和a--的值是不同的,--a的值是变量的新值(自减后的值),a--的值是变量的原值(自减前的值)
注意
对于非 Number 类型的值会先转换为 Number 再运算。typeof 运算符可以获得一个值的类型,它会将该值的类型以字符串形式返回。
var a = 123;
var result = typeof a;
console.log(typeof result); /string
逻辑运算符
非 !
对一个布尔值进行取反运算。如果对非布尔值进行运算,则会先转换为布尔值再取反
与 &&
两个值只要有一个为 false 则返回 false。只有两个值都为 true 才返回 true。对于非布尔值运算,如果两个值都为 true,则返回后边的原值,如果两个值中有 false,则返回靠前的 false。归纳以上两点,如果第一个值为 true,则必然返回第二个值,如果第一个值为 false,则直接返回第一个值。
或 ||
两个值只要有一个 true,就返回 true。如果两个值都为 false,才返回 false。对于非布尔值运算,如果第一个值为 true,则直接返回第一个值,如果第一个值为 false,则直接返回第二个值
赋值运算符
(=):可以将符号右侧的值赋值给左侧变量
(+=):a += 5 相当于 a = a+5
(-=):a -= 5 相当于 a = a-5
(=):a * = 5 相当于 a = a5
(/=):a /= 5 相当于 a = a/5
(%=):a %= 5 相当于 a = a%5
关系运算符
关系运算符用来比较两个值之间的大小关系的。分别有>,>=,<,<=。关系运算符的规则和数学中一致,用来比较两个值之间的关系,如果关系成立则返回true,关系不成立则返回false。如果比较的两个值是非数值,会将其转换为Number然后再比较。如果比较的两个值都是字符串,此时会比较字符串的Unicode编码,而不会转换为Number。
编码转换输出
//在字符串中使用转义字符输入 Unicode 编码,\u四位编码。
console.log("\u2620")
//在网页中使用 Unicode 编码,&#编码,这里的编码需要十进制
<h1>☠</h1>
相等运算符
(==)
相等判断左右两个值是否相等,如果相等返回true,如果不等返回false。相等会自动对两个值进行类型转换,如果对不同的类型进行比较,会将其转换为相同的类型然后再比较,转换后相等它也会返回true。
(!=)
不等,判断左右两个值是否不等,如果不等则返回true,如果相等则返回false。不等也会做自动的类型转换。
(===)
全等,判断左右两个值是否全等,它和相等类似,只不过它不会进行自动的类型转换,如果两个值的类型不同,则直接返回false。
(!==)
不全等,和不等类似,但是它不会进行自动的类型转换,如果两个值的类型不同,它会直接返回true。
特殊的值
null和undefined
由于undefined衍生自null,所以null == undefined 会返回true。
NaN
NaN不与任何值相等,即使它自身 NaN == NaN ,也会返回false。判断一个值是否是NaN,使用isNaN()函数
条件运算符
语法:条件表达式?语句1:语句2;。
先对条件表达式求值判断,如果判断结果为true,则执行语句1,并返回执行结果,如果判断结果为false,则执行语句2,并返回执行结果 。
运算符优先级
和数学中一样,JS中的运算符也是具有优先级的,比如 先乘除 后加减 先与 后或。具体的优先级可以参考优先级的表格,在表格中越靠上的优先级越高,优先级越高的越优先计算,优先级相同的,从左往右计算。优先级不需要记忆,如果越到拿不准的,使用()来改变优先级
Javascript 基础学习(五)js 的运算符的更多相关文章
- JavaScript基础学习(五)—其他引用类型
JavaScript定义了两个内置对象: Global和Math. 一.Global对象 1.URI编码方法 Global对象的encodeURI()和encodeURICompo ...
- JavaScript 基础学习(二)js 和 html 的结合方式
第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- 48.javascript基础学习
javascript基础学习: http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...
- javascript基础入门之js中的数据类型与数据转换01
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM) js中的打印语句: 数据类型 变量 ...
- JavaScript 基础 学习 (四)
JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 元素.on事件类型 = null 因为赋值的关系,所以给事件赋值为 null 的时候 事件触发的时候,就没有事件处理 ...
- JavaScript 基础 学习(三)
JavaScript 基础 学习(三) 事件三要素 1.事件源: 绑定在谁身上的事件(和谁约定好) 2.事件类型: 绑定一个什么事件 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...
- JavaScript 基础 学习 (二)
JavaScript 基础 学习 节点属性 每一个节点都有自己的特点 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) 语法:节点.nodeT ...
- JavaScript 基础 学习 (一)
JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 比如:id,类名,标签名,选择器 的方式来获取元素 伪数组: 长的和数组差不多,也是按照索引排 ...
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
随机推荐
- Mysql一分钟定位 Next-Key Lock,你需要几分钟
连接与线程 查看连接信息 show processlist +----+------+------------------+------+---------+------+----------+--- ...
- Java Web面试题整理(思维导图)
1,动态网站技术有哪些? 2,一般的Web架构是指BS 还是CS,BS架构是什么咚咚? 3,Web应用程序的流程,即把一个URL串输入地址栏后发生写什么? 4,说一说Servlet生命周期? 5,在W ...
- CSS盒子模型与双飞翼布局
盒子模型&双飞翼实现 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:外边距(margin).边框(border).内边距(padding).实际内容(content)四个属性. ...
- jenkins 集成jmeter-简单篇
测试用例上传至gitlab后,使用jenkins集成gitlab,并执行压测命令 执行完成后,可在jenkins中查看压测报告不同的项目创建最好创建不同的project) [集成]安装&配置& ...
- Linux系统实时数据同步inotify+rsync
一.inotify简介 inotify是Linux内核的一个功能,它能监控文件系统的变化,比如删除.读.写和卸载等操作.它监控到这些事件的发生后会默认往标准输出打印事件信息.要使用inotify,Li ...
- PYTHON经典算法-二叉树的后序遍历
二叉树的后序遍历 问题描述 给出一个二叉树,返回其节点值的后序遍历 问题示例 给出一个二叉树{1,x,2,3}其中x表示空.后序遍历为[3,2,1] 这个图怎么画的呢?答案 需要注意的地方是:bina ...
- Web自动化测试项目(四)测试报告
测试报告生成 使用HTMLTestRunner 生成测试报告 本文使用的 HTMLTestRunner 来源于github: https://github.com/githublitao/HTMLTe ...
- 前端性能优化之利用 Chrome Dev Tools 进行页面性能分析
背景 我们经常使用 Chrome Dev Tools 来开发调试,但是很少知道怎么利用它来分析页面性能,这篇文章,我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性能报告数据 ...
- e.detail.value 获取input的值
inputId(e) { this.setData({ inputId: e.detail.value }) },
- 曹工说Spring Boot源码(17)-- Spring从xml文件里到底得到了什么(aop:config完整解析【中】)
写在前面的话 相关背景及资源: 曹工说Spring Boot源码(1)-- Bean Definition到底是什么,附spring思维导图分享 曹工说Spring Boot源码(2)-- Bean ...