大前端基礎之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）
}
當然，其中還可以進行多成循環嵌套