JS-3
运算符
数学运算符
+ - * / %(取模运算符)
js内置一个对象叫Math,Math提供了很多关于计算的方法,常见的
// 随机数
console.log(Math.random()); // [0,1)
// 假如产生1~10的整数 1<=Math.random()*10+1<11
console.log(parseInt(Math.random()*10+1));
console.log(Math.pow(3,4)); // 3的4次方
console.log(Math.sqrt(16)); // 平方根 4
console.log(Math.PI); // 圆周率
<script type="text/javascript">
// 正规的
console.log(2+2);
console.log(2-1);
console.log(2*2);
console.log(2/3); // 纯数字字符串
console.log("2"+1); // 字符串21 此处+含义为字符串连接符
console.log("2"-1); //
console.log("2"*1); //
console.log("2"/1); // 2
console.log("2"%1); // console.log("4aahh"*4); // NaN
console.log(NaN+3);// NaN console.log(4-""); // 4 空字符串隐式转换为0
console.log(4*""); // 0 空字符串隐式转换为0 console.log(undefined+4); // NaN console.log(null+2); // 2 null转换为0
console.log(null*2); // console.log(true+10); // 11 true-->1
console.log(false-10); // -10 false--->0 console.log(Infinity-23);
console.log(Infinity+23);
console.log(Infinity/23);
console.log(Infinity%23); //NaN console.log(10%2); //
console.log(10%3); //
console.log(16%4); // var result = 23*45+(987-125)/123-32*(5-3); // 随机数
console.log(Math.random()); // [0,1) 1~10
//1<=Math.random()*10+1<11
console.log(parseInt(Math.random()*10+1)); console.log(Math.pow(3,4)); // 3的4次方
console.log(Math.sqrt(16)); //
console.log(Math.PI);
</script>
比较运算符
> < >= <= == === != !==
* 比较运算符的结果是布尔类型 要么true 要么false
3>2>1 = true>1 = false
<script type="text/javascript">
console.log(8>7); // true
console.log(8<10); // true
console.log(8==7); // false
console.log(8>=7); // true
console.log(8<=7); // false
console.log(8===7); // false
console.log(8!=7); // true
console.log(8!==7); // true console.log(1=="1"); //true == 只要两个值内容一样即可
console.log(1==="1"); //false === 全等于 两个值内容一样并且类型也要一样
console.log(1!="1"); //false != 对==的否定
console.log(1!=="1"); //true !== 对===的否定 console.log(1==true); // true
console.log(0==false); // true
console.log(0==""); // true
console.log(NaN == undefined); // false
console.log(0 == null); // false console.log("4"<"5"); // true
console.log("A"<"a"); // true
console.log("8"<"22"); // false console.log(NaN==NaN);// false
console.log(Infinity==Infinity);// true
</script>
逻辑运算符
&& || !
<script type="text/javascript">
// && 左右同时为true结果才是true 否则有一个false结果是false
/*
true&&true true
true&&false false
false&&true false
false&&false false
*/ // ||
console.log(true || false); // true
console.log(true || true); // true
console.log(false || false); // false
console.log(false|| true); // true // !
console.log(!true);
console.log(!!!!true); /*以上案例都是布尔类型之间的逻辑运算*/ // 其他类型参与逻辑运算
console.log(34&&null); // null
console.log(0&&null); //
console.log("welcome"&&true); // true
console.log("welcome"||true); // welcome
var a = 3,b =4;
console.log(a||b); //3
a = 0;
console.log(a&&b); //
</script>
赋值运算符
=
+= a+=b a= a+ b
-= a-=b a= a-b
*= ...
/= ...
%=
++
--
<script type="text/javascript">
/* var a = 3;
a += 6; // a = a + 6
console.log(a);*/ // a++和++a 相同点可以让a在自己原来基础上加1
// ++a; a = a + 1; a+=1;
// 区别 参与运算的时候,
var a = 2, b;
/*
b = a++; // 等价于 b = a; a++;
console.log(a); // 3
console.log(b); // 2 a++参与运算用a之前的值 即b=2 赋值完 a自增1
*/
b = ++a; // a= a+1; b = a;
console.log(a); //
console.log(b); // 3 ++a参与运算用a加1后的值 即b=3 var a = 4;
a*= 1*(2+4)&&++a||5>6&&7<8||!6;
console.log(a); //
</script>
运算顺序 (++ -- !)> 数学>比较>逻辑>赋值
var a = 4;
a*= 1*(2+4)&&++a||5>6&&7<8||!6
a*= 1*6&&5||5>6&&7<8||false
a*= 6&&5||5>6&&7<8||false
a*= 6&&5 || false&&true || false
a*= 6&&5 || false || false
a*= 5 || false || false
a*= 5 || false
a*=5
a = a*5 = 4*5
按位运算符
三目运算符
JS-3的更多相关文章
- Vue.js 和 MVVM 小细节
MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...
- js学习笔记:操作iframe
iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- JS调用Android、Ios原生控件
在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...
- jquery和Js的区别和基础操作
jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...
- 利用snowfall.jquery.js实现爱心满屏飞
小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...
- node.js学习(三)简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理
一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...
- JS正则表达式常用总结
正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...
- 干货分享:让你分分钟学会 JS 闭包
闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它.因此,本文不会对闭包的概念进行大篇幅描述 ...
- JS核心系列:理解 new 的运行机制
和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象. 但在 javascript 中,万物皆对象,为什么还要通过 ...
随机推荐
- redux&&createStore
const createStore = (reducer,presetState, enhancer) => { if (typeof presetState === "functio ...
- SQL实践遇到的知识点
聚集函数count() count()统计元组的个数,即行数 count(0).count(1)与count(*)的执行效率是一样的 count(column)与count(*) 如果column中含 ...
- CF932G Palindrome Partition
思路 首先把字符串变为\(S[1]S[n]s[2]s[n-1] \dots\) 这样原来的一个合法的划分方案就变成了用k个长度为偶数的回文子串划分的方案, 然后直接DP,对i位置,可转移的位置就是它的 ...
- 1047 Integer Inquiry
String 大数加法模板 #include<stdio.h> #include<string> #include<iostream> using namespac ...
- DAY16 模块和包的导入
一.包 1.包的定义 包:就是一系列模块的结合体 2.重点 1.包中一定要有一个专门来管理包中所有模块的文件 2.包名:存放一系列模块的文件夹名字 3.包名(包对象)存放的是管理模块的那个文件的地址, ...
- linux命令 xxd
xxd,能够查看linux下文件的二进制表示.man一下xxd.能够得到下面信息 NAME xxd - make a hexdump or do the reverse. SYNOPSIS ...
- Git笔记整理
git 分支: &.创建分支 创建分支很简单:git branch <分支名> &.切换分支 git checkout <分支名& ...
- JVM调优之JMeter使用(三)
JMeter是Apache 下基于Java 的一款性能测试和压力测试工具.它基于Java 开发,可对HTTP 服务器和FTP服务器,甚至是数据库进行压力测试. 下载地址:http://jmeter.a ...
- JSP介绍
1.JSP简介 JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它是由Sun Microsystems公司倡导.许多公司参与一起建立的 ...
- .NetCore WebApi
1.简单请求 [HttpGet] public ActionResult Get(int id) Postman: api / controller / action?id=1 2.form-data ...