类型转换:
    1.强制类型转换:(数字字符串转数字)

parseInt()
        parseFloat()
        Number()--严格转换

NaN:
            不是一个数字,但是它属于number类型

2.隐私转换:

加法转换:(数字转换成字符串)

a++;

减法:(字符串转换数字)

属于严格类型转换!

====================================================
1.
oBtn.onclick=function(){
        var 0=0-0;
        n++;n=0+1
        alert(1);
        oBtn.value=1;    
    };

<input type="button" value="1" id="btn_box" />

2.
oBtn.onclick=function(){
        var 1=1-0;
        n++;n=1+1
        alert(2);
        oBtn.value=2;    
    };

<input type="button" value="2" id="btn_box" />

2.
oBtn.onclick=function(){
        var 2=2-0;
        n++;n=2+1
        alert(3);
        oBtn.value=3;    
    };

<input type="button" value="3" id="btn_box" />

================================================

注意:
    在js里面给谁赋值,谁就写在左边!值写在右边!

cursor:pointer;---模拟小手

===================================================

作用域:起作用的范围

全局变量:在程序的任何位置都可以使用的变量!

局部变量:只在函数内部可以使用!

闭包:子函数可以使用父函数的局部变量!

var a=12;
    function show(){
        var a=888;
        alert('里面'+a);    
    }
    
    show();
    alert('外面'+a);

注意:内外的a一样的情况下,函数内部的a发生了遮蔽!

================================================
运算:
    
    +  
    -
    *
    /

注意:运算可以隐私转换,除了加法是数字可以变字符串!

% 取余 模

123/3=41;
123%3=0;

333/4=83.2。。。。
333%4=1

1%1 0
1%2 1
1%3 1

2%1 0
2%2 0
2%3 2

3%1 0
3%2 1
3%3 0

4%1 0
4%2 0
4%3 1

n%1 0
n%2 0 1
n%3 0 1 2
n%4 0 1 2 3

例子:
    隔行换色:

秒转换:

var a=1234;

。。分、、秒

------------------------------------------
赋值运算:

var a=12;

a=a+1;
    a+=1;
    a++ ---只可以加1,a--;不能乘除和%

---------------------------------------------

比较运算:(可以可以做隐私转换(字符串转数字))
    
    var a='11';
    var b='12';
    
    alert(a<b);

<
    >
    <=
    >=
    ==

注意:
    = 赋值
    ==比较
    ===严格比较(优先比较类型)--不会发生隐私转换!

-------------------------------------------------

逻辑运算:

或  且  非

吃饺子或米饭 ---只吃一个---满足任意一个就好

吃饺子且米饭 ---俩个都吃---俩个都必须满足

例子:
识别一个两位数!
100>n>=10

在程序里面:
n<100 && n>=10

条件&&条件 俩个条件都满足

检测一下是否为周天!
6 7

条件||条件  成立一个条件就满足

非:

a!=b  非等于
a==b  等于

==   !=

===全等于  !==不全等
-----------------------------------------

流程控制:
    
    控制代码走向!

if(条件){
        语句1
    }else{
        语句2
    }

多个条件的控制!

***只会满足一个条件,走一个条件下对应的代码
    !走完以后,这个流程就结束了!

var a=88800000;
    if(a==1){
        alert('周一');
    }else if(a==2){
        alert('周2');
    }else if(a==3){
        alert('周3');
    }else if(a==4){
        alert('周4');
    }else if(a==5){
        alert('周5');
    }else if(a==6){
        alert('周6');
    }else{
        alert('8888');    
    }

switch(a){
        case 1:
            alert('周1');
            break;
        case 2:
            alert('周2');
            break;    
        case 3:
            alert('周3');
            break;    
        case 4:
            alert('周4');
            break;    
        case 5:
            alert('周5');
            break;    
        case 6:
            alert('周6');
            break;            
    }
    
------------------------------------------

break
终止,中断

跳出整个循环

continue:继续

/跳出当次的循环,后面继续

-------------------------------------------

if简写:

=========================================

什么是真,什么是假的?

真  非0的数字 true  非空对象(object) 非空的字符串

假  0  false  undefined 空对象(null)  NaN 空字符串

=========================================

随机数:
    
    Math.random()  0-1随机数  (不包括1)

0-100

Math.random()*100  (包含100)

0-80
    Math.random()*80

10-100
    Math.random()*90+10

20-90
    Math.random()*70+20
30-70
    Math.random()*40+30

n-m
    Math.random()*(m-n)+n

15-79
    Math.random()*(79-15)+15

前端学习(十三)js运算符(笔记)的更多相关文章

  1. 前端学习:JS学习总结(图解)

    前端学习:JS学习总结(图解) JS的代码笔记 JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就 ...

  2. 前端学习:JS面向对象知识学习(图解)

    前端学习:JS面向对象知识学习(图解) 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览 创建类和对象 方式1:使用Object()函数 方式2:使用自变量 方式3:使用工厂函数 创建多个 ...

  3. 前端学习之——js解析json数组

    ** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历 一.对于标准的json数组如: var result=[{"flag":1," ...

  4. 前端学习历程--js事件监听

    一.事件监听使用场景 1.事件触发多个方法的时候,后一个方法会把前一个方法覆盖掉. window.onload = function(){  var btn = document.getElement ...

  5. 前端学习:学习笔记(JS部分)

    前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解)    JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 新建步骤 <body ...

  6. 前端学习:JS(面向对象)代码笔记

    前端学习:JS(面向对象)代码笔记 前端学习:JS面向对象知识学习(图解) 创建类和对象 创建对象方式1调用Object函数 <body> </body> <script ...

  7. 值得H5前端学习的60个JS插件(含DEMO演示)

    下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式 ...

  8. 前端学习数据库MYSQL

    这篇文章主要写了 1.数据库MYSQL 2.基本上会遇到的所有SQL语句 数据库可视化软件------Navicat 数据库里边存放的是表,表与表之间是有关联的,而且可以对表进行相关操作(增,删,改, ...

  9. vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结

    vue—你必须知道的   目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript ...

随机推荐

  1. opensns建站

    opensns建站 标签(空格分隔):软件工程 贪玩蓝月 购买云服务器 首选阿里云,一个月9.9元,还能直接安全宝塔Linux界面 后台初始化 输入ip地址:8888访问宝塔后台,第一次进入后台会让你 ...

  2. 三、IDS4建立authorization server

    建立authorization server 一.环境搭建 1.创建项目 2.引用NuGet的identityserver4 3.配置asp.net core 管道 打开Startup.cs, 编辑C ...

  3. 利用Kubernetes(K8S)部署JAVA项目

    一.jar包和war包区别 首先简单介绍一下jar包和war包区别,当时就没分清,导致部署总是傻傻分不清楚. jar包:jar包就是java的类进行编译生成的class文件就行打包的压缩包.里面是一些 ...

  4. The Preliminary Contest for ICPC Asia Xuzhou 2019 I J

    I. query 题意:给出n的一个排列,有m个询问[l,r],询问[l,r]直接有倍数关系的pair个数. 解法:比赛完之后听说是原题,但是我没做过呀,做题太少了qwq.首先因为数字是1-n的,所以 ...

  5. PCA revisit

    都知道PCA可以做降维,那它为什么可以降维,究竟是怎么降维的呢? 1. 为什么我们要降维? 我们的样本数据好好的,为什么要去做降维,第一个要想清楚这个问题. 也许你是要训练一个分类器,觉得当前特征维度 ...

  6. Spring开发总结

    自动装载配置开启: spring.factories内容: org.springframework.boot.autoconfigure.EnableAutoConfiguration=\ com.b ...

  7. 【leetcode】922. Sort Array By Parity II

    题目如下: 解题思路:非常简单的题目,引入两个变量oddInx = 1和evenInx = 0,和与A等长的结果数组res.然后遍历A,如果A[i]为偶数,则令res[evenInx] = A[i], ...

  8. cocos2D-X not config ndk path

    { 双击击那个error,那个路径就加上了 File = >local.properties }

  9. HTML5+CSS3特效设计集锦

    20款CSS3鼠标经过文字背景动画特效 站长之家 -- HTML5特效索引 爱果果h5酷站欣赏  30个酷毙的交互式网站(HTML5+CSS3) 轻松搞定动画!17个有趣实用的CSS 3悬停效果教程 ...

  10. SQL必知必会——插入数据(十五)

    1.数据插入 INSERT用来将行插入(或添加)到数据库表.插入有几种方式: 插入完整的行插入行的一些部分插入某些查询的结果注意:1.使用INSERT语句可能需要客户端/服务端DBMS中的特定安全权限 ...