JavaScript(条件和循环、类型转换)

条件和循环

1.if语句
如果指定的条件为true，则使用if来指定将执行的代码块。

if(条件){
    想要执行的代码块
}

---

2.if···else语句

if(条件){
    符合条件将要执行的代码块
}else{
    否则执行的代码块
}

---

3.Javascript三目运算（三元运算）语句

(条件) ? true-doing : else-doing

Eg : 5 > 3 ? alert("5大于3") : alert("5小于3");

if···else与三目运算的区别：三目运算有返回值，if···else则无。if···else中，++n和n++输出的结果一样。

---

4.if···else if···else语句

---

5.switch语句

switch(n)
{
    case1 : ···;
    break;
    case2 : ···;
    break;
    default:···;/*可忽略*/
}

---

6.for循环

for(语句1;语句2;语句3;){
    被执行的代码块
    <!--语句1：开始前执行，可省略，但是分号要写-->
    <!--语句2：定义循环的条件-->
    <!--语句3：再循环代码已被执行后执行，可省略-->
}

javascript for/in 语句循环遍历对象的属性：

var person = {fname:"john",lname:"doe",age:25};
for(x in person){
    txt = txt + person[x];
}

---

7.while循环
只要指定条件为true，循环就可以一直执行代码块。

while(条件){
    需要执行的代码块
}

---

8.do/while循环

该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

do
{       }
while(条件);

---

9.break和continue
break用于跳出循环。
continue用于跳过循环中的一个迭代。（符合该条件则不输出，跳过该值。）

---

类型转换

1.Number（）转换为数字，String（）转换为字符串，Boolean（）转换为布尔值。

2.在javascript中有5种不同的数据类型：

string      number      boolean      object      function     

3种不同的对象类型：

Object      Date      Array

2种不包含任何值的数据类型：

null      undefined

---

3.typeof操作符
查看javascript变量的数据类型。

<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML=
    typeof "john" + "<br>" +                //string      
    typeof 3.14 + "<br>" +                  //number
    typeof NaN + "<br>" +                   //number 
    typeof false + "<br>" +                 //bollean 
    typeof [1,2,3,4] + "<br>" +             //object 
    typeof {name:'john',age:34} + "<br>" +  //object 
    typeof new Date() + "<br>" +            //object 
    typeof function(){} + "<br>" +          //function 
    typeof mycar + "<br>" +                 //undefined
    typeof null;                            //object
</script>

如果对象是javascript Array或javascript Date，我们就无法通过typeof来判断他们的类型，因为返回都是object。

---

4.constructor属性
返回所有javascript变量的构造函数。

"john".constructor

可以通过construction属性查看对象是否为日期或数组。

---

5.类型转换

（1）数字—字符串
a.全局方法String（）可以将数字转换为字符串。String(x)
b.Number方法toString也有同样的效果。x.toString()

（2）布尔—字符串
a.全局方法String（）
b.Boolean方法toString（）

（3）日期—字符串
a.全局方法String（）
b.Date方法toString（）

（4）字符串—数字
a.全局方法Number（）可以将字符串转换为数字。

Number ("3.14")   //返回3.14
Number ("")       //返回0
Number ("99 88")  //返回NaN

b.Number方法

parseFloat( )  //解析一个字符串，强制返回一个浮点数
parseInt( )    //解析一个字符串，强制返回一个整数

（5）一元运算符+
将变量转换为数字。

var y = "5";  //y是一个字符串
var x =  +y;  //x是一个数字

（6）布尔—数字
全局方法Number（）

Number（false）//返回0
Number（true） //返回1

（7）日期—数字
a.全局方法Number（）

d = new Date()
Number(d)

b.日期方法getTime（）

d = new Date()
d.getTime() 

（8）自动转换类型
当javascript尝试操作一个“错误”的数据类型时，会自动转换为“正确”的数据类型。

5 + null     //返回5
"5" + null   //返回"5null"
"5" + 1      //返回"51"
"5" - 1      //返回4