美文网首页
js基本功02

js基本功02

作者: peng凯 | 来源:发表于2017-11-08 22:54 被阅读32次

复合赋值运算
      其实就是将算术运算符和赋值运算符(=)进行一个合写

+=  -=   *=  /=   %=

1.数据类型转换
       1.1将其他数据转换为Number
              隐式类型转换: +  -   *  /   %     

             显式类型转换: parseInt   parseFloat   Number
               parseInt 和Number 的区别    :        

Nan 不是一个数字 是属于Number 类型   表示数字的不正常状态  是一个特殊值

任何涉及NaN的操作都会返回NaN   NaN与任何值都不相等,包括自己

isNaN()判断值是否(不是数值),接收值后会尝试将值转换为数值,不能转换为NaN.

强制类型转换之Number()特点:

          a.如果转换的内容可以转成数字,那么就直接返回这个内容对应的数字。

        b.如果不可以转换那么返回NaN.

        c.如果在内容中出现小数,那么小数会保留。

        d.如果内容为空,那么转换成0;

强制数据类型转换之parseInt()的特点:

        a.如果转换的内容可以转成数字,那么就直接返回这个内容对应的数字。

        b.如果不可以转换那么返回NaN.

        c.如果带有小数,那么会去掉小数,而不是四舍五入。

        d.如果第一个字符是数字,则继续解析直至字符串解析完毕或者遇到一个非数字符号为止.

强制数据类型转换之parseFloat()的特点:

            a.如果转换的内容可以转成数字,那么就直接返回这个内容对应的数字。

            b.如果不可以转换那么返回NaN.

            c.如果带有小数,保留。

            d.如果第一个字符是数字,则继续解析直至字符串解析完毕或者遇到一个非数字符号为止.

2.其它数据类型转string

        隐式类型转换+””

        显式(强制)类型转换.toString()

        任何数据值都有toString()方法,但是有特殊的两个是没有toString()方法的,是undefined和null     String()

3其它数据类型转boolean类型

        隐式类型转换!!  null  undefined  ""  0   false转化 true 其他为false

        显式(强制)类型转换Boolean()
          

4.if  else-if结构

if(判断条件){一般是boolean类型的值或是关系表达式或是逻辑表达式

     要执行的代码;

 }else if(判断条件){

    要执行的代码;

}else if(判断条件){

   要执行的代码;

}else if(判断条件){

   要执行的代码;

}else {

   要执行的代码;

}

执行过程:

首先代码运行到if处的小括号处,判断条件是否成立,如果条件成立,也就是返回true,则进入大括号里面,执行里面的代码,如果条件不成立,则依次的进行else if小括号里面,判断条件是否成立,如果成立,也就是返回true,则进入对应的else if里面的大括号,执行里面的代码,如果所有的条件都不成立,也就是返回false,则要看是否有else,如果有,则进入else里面,执行代码,如果没有,则跳出当前结构。

switch-case结构

switch(值){变量的值或是数据值

case值1:

要执行的代码;

break;

case值2:

要执行的代码;

break;

case值3:

要执行的代码;

break;

case值4:

要执行的代码;

break;

...

default:

要执行的代码;

break;

}

执行过程:

程序执行到swtich处的小括号,先计算里面的值,拿着计算后的定值,依次和case中的值进行匹配,如果匹配成功,则执行此case里面的代码,执行完毕之后,遇到break,则跳出当前结构,如果匹配都不成功,则要看当前结构当中有没有default,如果有的话,则进入到dafault处执行里面的代码,如果没有,则跳出当前结构,执行后面的代码。

if else-if与switch-case的区别

If  else-if多用于区间的判断

switch-case多用于定值的判断

while循环

所谓的循环就是重复的做同一件事情。

while(循环条件){一般是boolean类型的值或是关系表达式或是逻辑表达式

循环体(需要重复执行的代码);

}

执行过程:

程序运行到while处的小括号处,先判断循环条件是否成立,如果成立,也就是返回true,则进行大括号执行里面的循环体,执行完毕之后,再次回到小括号处,判断循环条件是否成立,如果成立,继续执行里面的代码,如果不成立,则跳出当前循环结构。只要是循环,总有一行码可以改变循环条件,如果没有改变循环条件的代码,这样的循环叫做死循环。

do-while

do{

循环体;

}while(循环条件)

执行过程:

程序运行到do处,先进入大括号中,执行里面的循环体,执行完毕之后,再到while处的小括号处,判断循环条件是否成立,如果成立,则再次进行do里面的大括号,执行里面的循环体,如果条件不成立,则跳出do-while循环,程序结束。

while与do-while的区别

语法不同

初始值不满足循环条件时:

while循环一次都不执行

do-while循环会执行一次

[if !supportLists]1.7[endif]for循环  多用于已知次数的循环

for(表达式1;表达式2;表达式3){

循环体;

}

执行过程:

程序运行到for处,先进入小括号,执行表达式1,声明变量并赋初值,然后执行表达式2,判断循环条件是否成立,如果条件成立,也就是返回true,则进行大括号执行循环体,执行完毕之后,再执行表达式3,改变循环条件,然后再执行表达式2,判断循环条件是否成立,如果成立,也就是返回true,则再次进行大括号执行里面的循环体,如果条件不成立,也就是返回false,则跳出当前循环结构,循环终止。

相关文章

  • js基本功02

    复合赋值运算 其实就是将算术运算符和赋值运算符(=)进行一个合写 += -= *= /= %= 1.数据类型转换...

  • js基本功01

    前端基本功—js 第1天 [if !supportLists]1.1[endif]课程介绍 前6天js的基础语法(...

  • SCP-JS-02-J滑稽大军

    项目编号:SCP-JS-02-J 项目等级:Themial 特殊收容措施:SCP-JS-02作为虚拟化收容物通常被...

  • nodeJs 写文件

    nodeJs具有文件操作的能力 02--editfiles.js

  • 前端兼容苹果手机ios问题锦集

    一、js兼容问题 时间格式兼容 new Date("2020-02-02 08:00") 变为 new Date(...

  • js基本功03

    短路运算:&& || &&找假 如果&&运算中第一个操作数不是boolean类型也不是关系表达式,则进行短路运算 ...

  • 20180820_以太坊钱包

    简单的钱包练习项目 基于web3js+React.js的以太坊钱包,基本功能齐全,简单易懂有注释,适合初学者学习....

  • python 计算日出日落

    准备数据 调用js计算 {'rise': '06:18', 'center': '12:02', 'set': '...

  • 02 JS and CSS Clock

    02 JS and CSS Clock 效果 效果Github 知识点 transition transform ...

  • JS的运行机制

    title: JS的运行机制date: 2018-12-28 11:02:52tags: js 为什么JavaSc...

网友评论

      本文标题:js基本功02

      本文链接:https://www.haomeiwen.com/subject/yuenjxtx.html