JavaScript基礎-基本數據類型和基本流程控制

JavaScript基礎1

1、基本數據類型

1.Number

2.String

3.Null

4.Undefined

5.true or false

2、字符串經常使用方法

1.解析字符串數字

• parseInt：解析成整數
• parseFloat：解析成小數

var num_str = '4.5千克';
parseInt(num_str);//返回4
parseFloat(num_str);//返回4.5

2.文本常見操做API

• 方法說明

方法	說明
charAt(index)	根據下標返回字符串中的指定字符
indexOf('')	根據指定字符返回在字符串中的下標
substring()	根據下標截取字符串。傳入開始下標和結束下標做爲參數。可是返回的字符串不包含結束下標的那個字符。即「含頭不含尾」。
replace()	替換指定的字符或字符串。
split()	根據指定分割符分割字符串，返回數組。

• 示例

var str = '假如生活欺騙了你';
str.charAt(0);//返回'假'。若是下標超出字符串範圍則返回''。
str.indexOf('生');//返回2。若是字符不在字符串中則返回-1。
str.lastIndexOf()//是從後往前找到第一個字符的下標
str.substring(2,6);//返回'生活欺騙'。它和str.substring(6,2)返回的結果同樣。
str.replace('生活','世界');//返回"假如世界欺騙了你"。

var new_str = '呵呵,嘻嘻,哈哈,嘿嘿';
new_str.split(',');//返回["呵呵","哈哈","嘻嘻","嘿嘿"]。
new_str.split('/');//若是指定的分割符不在字符串中。則返回["呵呵,嘻嘻,哈哈,嘿嘿"]

3、數組

1.數組定義

• var array = [];

var array = ['a','b','c','d'];
array.length;//返回4
array[1];//返回'b'

2.數組操做

• 插入或者覆蓋數組元素

var array = ['a','b','c','d'];
array[4] = '8';//array此時爲['a','b','c','d',8];
array[3] = 2;//此時覆蓋了下標爲3的"d"。array爲['a','b','c',2,8]
array[8] = 'test';//array爲['a','b','c',2,8,empty x 3,'test'];

• 追加數組元素

var array = ['a','b','c','d'];
//從數組末尾追加。
array.push('d','e','f');//array爲 ["a", "b", "c", "d", "d", "e", "f"]
//從數組開始追加。
array.unshift(0,1,2);//array爲[0, 1, 2, "a", "b", "c", "d"]

• 刪除數組元素

var array = ['a','b','c','d'];
//從數組末尾刪除
array.pop();//array爲['a','b','c'];
//從數組開始刪除
array.shift();//array爲['b','c'];
//刪除數組指定下標的元素值
delete array[1];//array爲['b',empty];
//根據下標完全刪除數組的元素
array.splice(1);//array爲['b'];

• 合併數組

var arr1 = ['a','b'];
var arr2 = ['c','d'];
var arr3 = arr1.concat(arr2);//arr3爲['a','b','c','d'];

4、基本流程控制

1.分支

• if

/**
*單個條件判斷
*/
if() {
   //括號裏爲真執行
   } else {
   //括號裏爲假執行
   }
/**
*多個條件判斷
*/
if() {}
else if() { } 
else {}

• switch

switch() {
       case condition1 : statements1; break;
       case condition2 : statements2;break;
       default : statements3;break;
       }

2.循環

• while

while() {
      //括號爲真時則執行
      statements...
      }
//循環打印數字1-10
var i = 0;
while(i < 10) {
	i++;
    console.log(i);
}

• for

for(var i = 0; i < 10; i++) {
    console.log(i);
}
//執行順序說明
//1.定義i=0。2.判斷是否小於10，以後執行方法塊打印i。此時i爲0。3.執行i++，i爲1。
//以後再判斷是否小於10，再打印，再++...直到i<10爲false中止。