大前端基础之JS数据类型，数据类型转换，运算符，条件语句及循环语句
JS全名JavaScript，诞生于1995年，是一种基于对象和事件驱动并具有安全性能的脚本语言，使用它的目的是与HTML超文本链接语言，java脚本语言实现在一个Web页面中链接多个对象，与客户交互作用。它由**ECMAScript，BOM（浏览器对象模型），DOM（文档对象模型）**三部分组成。
下面我来介绍一下JS的数据类型，数据类型转换，条件语句及循环语句。
一：数据类型
JS的数据类型可分为string字符串类型，number数值类型，boolean（true，false），空类型undefined和null。在js中字符串带有双引号””或者单引号’’，数值类型为数字，10进制直接写数字，二进制前加0b，十六进制加0x，八进制加0，boolean类型只有两个值为true及false。它们可以用typeof判断其类型。
二：数据类型的转换
String和toString都可以将其他类型属性转换为字符串类型，其中string什么类型的都可以转，而toString不可以转undefined和null。Number，parseInt，parseFloat都可以将其它类型转换成数值类型，number遇到数值能转换就是数字，并且认识小数，不能转换的就是NaN。而其中true转换为数值是1，false转换成数值是0。parseInt转换成整型，不认识小数，第一位是数字的时候保留，以此类推，第一位不是数字的时候转换成NaN。parseFolat和parseInt的判断一样，只是其认识小数，会保留小数，两者转换true和false都是NaN。
Boolean将其它数值转换成布尔值，除了0，空字符””，null，undefined，NaN转换为false外，其他转换为true。
三：运算符（将在下一期详细介绍）
1；JS算术运算符有和我们学的数学一样，都有加（+）减（—）乘（）除（/），JS里还有取模（%）。
数值中的运算根据数学。那我们就说说JS中关于类型之间的运算。我们分为两种；
1）加法运算：当字符串和其它类型进行加法运算的时候，相当于拼接。当遇到true、false和空类型时隐性转换为1、0和NaN进行计算。
2）除了加法运算外；减乘除和取模运算。遇到的都是合法数字的时候根据数学运算。当其中有字符串或者空类型时为NaN。
2；JS中还有一元运算（++、–）也叫自增自减步幅为1。这里讲一下s=a++和s=++a的区别，a++表示先赋值给s，在进行运算；++a表示先运算加1，在进行赋值。a–和--a和其一样。
3；JS中还有赋值运算（=、+=、-=、=、/=、%=、>>=（有符号右移）、>>>=（无符号右移））。
4；JS中的关系运算：>、<、>=、<=、、=、!、!=、
5：JS中的逻辑运算符：&& || !;
6:JS中的条件运算：variable = boolean_expression ? true_value : false_value;
7：JS中的位运算：& 、 | 、 ^ 、 ~、<<、>>
8：运算符的优先级
四：条件语句
1：if(条件){语句块}语句：如果（）里为真就执行{}中的语句块；语句块为一句时{}可以省略。
2:if(条件){语句块} else{}，条件为真执行if的语句块，否则执行else{}语句块
3:多选择条件语句：if(条件){ else if(条件){语句块} else if(条件){语句块} …}
4:条件嵌套：if(条件1){ if(条件2){ else if(){} }… }
5:swich(n){ case 满足n条件1:代码块 break case 满足n条件2:代码块 break … }
工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在则执行与该 case关联的代码块。请使用 break 来阻止代码自动地向下一个 case 运行。
五：循环语句
1：while语句：whlie（判断条件）{循环体}：while语句是一种先判断，后运行的循环语句。也就是说，必须满足条件了之后，方可运行循环体。
例如：
var i=1; //赋初值语句
while(i<=10) //控制循环条件
{
document.write(“hello world!
”); //循环体
i++; //循环增量
}
关于while循环：
while循环先判断表达式，后执行循环体。循环体有可能一次也不执行。循环体应包含有使循环趋向结的语句；下列情况，退出while循环条件表达式不成立，循环体内遇 break
2：do while语句： do（）{}
do
{
循环体;2
循环增量;3
}while(循环条件);
do…while语句是一种先运行，后判断的循环语句。也就是说，不管条件是否满足，至少先运行一次循环体。
var i=1;
do{
document.write(“hello world!
”); //循环体
i++;
}while(i<=10);
3：for循环语句；for（表达式1；判断表达式2；表达式3）｛
循环体；
｝和while不同的是，for循环可以将变量定义在（）里。其中表达式中用逗号隔开，表达式用分号隔开。如for(var i=0;i<10;i++){
for(var j=0;j<10;j++){
console.log(i,j,i*j)
}
}
4：循环嵌套
我行列语句和for语句都可以进行循环嵌套。不同的是whlie循环如果嵌套的是后不加条件的话，很容易变成死循环。语句如下
whlie（判断）{whlie（判断）{循环体}
循环体
}
for(表达式1；判断表达式；表达式2){
for（表达式1；判断表达式；表达式2）
}
当然，其中还可以进行多成循环嵌套