溫故而知新，跟著視頻，總結知識點。
一. 變量
JavaScript是弱類型腳本語言，使用變量之前，可以無需定義，即當使用某個變量的時候可以直接使用。
定義(隱式定義/顯示定義)
- 隱式定義：直接給變量賦值
<script type="text/javascript">
temp="hello,world";// 使用隱式定義
</script>
- 顯示定義：使用var關鍵字定義變量
<script type="text/javascript">
var temp;// 使用顯示聲明
temp = 12; // 賦值后的temp的數據類型為整型
</script>
注：可以同時定義多個變量
<script type="text/javascript">
var a, b, c;// 可以一次性定義多個變量
var I, j = "abc", k = 0;// 定義變量時 可以為變量指定初始值
</script>
變量名規則
給變量起名字需要遵守以下規則：
- 1.可以以 字母(大小寫均可)、下劃線 _、或者美元符號 $ 開頭
- 2.余下的可以是 _ 、 $ 、 任意字母 、 數字
- 3.不能使用關鍵字作變量名
示例：查看一下變量名是否遵循規則
var test;
var Micky_she$Shang98hai;
var _micky98;
var $$Shang98hai;
var 8micky;// 不合法：數字不能開頭
var micky% = 10; // 不合法：變量名只能包含：字母、_、$、數字
var true = 10; // 不合法：變量名不能是關鍵字
二. 數據類型
JavaScript是弱類型腳本語言，聲明變量時無需指定變量的數據類型。JavaScript是解釋時動態決定的，數據保存在內存中也是有數據類型的。
JavaScript常用數據類型
- 數值類型(number)：包含整數和浮點數；
var a = 10;
var b = 10.2;
var c = 5e2;
var d =1.2e-3;
var e = 0xf;// 十六進制數
var f = 014;// 八進制數
var g = .2e2;
document.write(a+"<br/>"+b+"<br/>"+c+"<br/>"+d+"<br/>"+e+"<br/>"+f+"<br/>"+g);
輸出
10
10.2
500
0.0012
15
12
20
- 布爾類型(boolean)：只有true和false兩個值；
var a = true;
var b = false;
- 字符串類型(string)：字符串可以用雙引號“”或者單引號‘’括起來；
var num1 = "abc";
var num2 = 'bcd';
- 未定義類型(undefined)：專門用來確定一個已經創建但是沒有初值的變量，也可以代表一個對象中的一個屬性不存在；
var a;
alert(a);// 輸出：undefined
alert(String.abc);// 輸出：undefined
- 空類型(null)：用于表明某個變量的值為空，例如 var a = null；
var b = null;
var a;
alert(b==a);// true
alert(b===a);// ===表示嚴格等于 false
- 對象類型(object)：JavaScript中的對象、數組等
后面細講
三. 數據類型轉換
JavaScript和其他編程語言一樣，可以進行類型轉換。
- 數值轉換成字符串：通過 + 號 或者 toString() 方法
var a = 3;
var b = 10;
var c = a.toString();// 字符串 3
var d = b + c;// 字符串 103
alert(d);// 103
- 字符串轉換成整型：parseInt() 方法
document.write(parseInt("67red"));// 67
document.write(parseInt("53.5"));// 53
document.write(parseInt("0xC"));// 12
document.write(parseInt('mickychiang'));// NaN：not a number
- 字符串轉換成浮點型：parseFloat() 方法
document.write(parseFloat('25micky'));// 25
document.write(parseFloat('0xA'));// 0 !!!!!
document.write(parseFloat("435.34"));// 435.34
document.write(parseFloat('mickychiang'));// NaN
練習
var a = 3.5;
var b = a - 2;//1.5
var c = a*2;// 7
var a1="3.5"
var d = a1+2;// 3.52
alert(b+"\n"+c+"\n"+d);//1.5 7 3.52
alert(parseInt(a)+2);//5
alert(parseFloat(a)+2);//5.5
四. 字符串
1. 字符串常用方法
length ：字符串長度
charAt(index) ：獲取指定索引下的字符
toUpperCase() ：將字符串的所有字符轉換成大寫字母
toLowerCase() ：將字符串的所有字符轉換成小寫字母
indexOf(substring) ：指定的字符(串)第一次出現的索引值(位置)
lastIndexOf(substring) ：指定的字符(串)最后一次出現的索引值(位置)
substr(start index,length) ：截取一段字符串(索引值為start index的字符開始到長度為length的字符結束)
substring(start index,end index) ：截取一段字符串(索引值為start index的字符開始到索引值為end index的字符結束)
slice(start index,end index) ：截取一段字符串(索引值為start index的字符開始到索引值為end index的字符結束)
注意
slice()的index可以為負數，即從尾開始 右到左下標為-1，-2，-3，… ，比substring()功能更強大。
replace(oldstring,newstring) ： newstring字符(串)取代oldstring字符(串)
match(substring) ：匹配字符(串)
search(substring) ：匹配字符(串)的下標
注意
match()匹配不到字符(串)時，返回 null；而match()匹配不到字符(串)時，返回 -1。
split(string) ：以string分割字符串
concat() ：用于連接兩個或多個數組
2. 練習
var str = "Micky like songs";
alert(str.length);// 16
alert(str.charAt(6));// 下標為5 l
alert(str.toUpperCase());// MICKY LIKE SONGS
alert(str.toLowerCase());// micky like songs
alert(str.indexOf("k"));// 3
alert(str.indexOf("ke"));// 8
alert(str.indexOf('i',7));// 7
alert(str.indexOf('i',8));// -1 索引值為8的字符不是i 所以返回-1
alert(str.lastIndexOf('s'));// 15
alert(str.lastIndexOf('gs'));// 14
alert(str.substr(2,5));// cky l
alert(str.substring(2,4));// ck
alert(str.slice(2,4));// ck
alert(str.slice(3,-1));// ky like song
alert(str.slice(3,-6));// ky like
alert(str.slice(-3,-1));// ng
alert(str.replace('Micky','MickyChiang'));// MickyChiang like songs
alert(str.match("dddd"));// null
alert(str.match("like"));// like
alert(str.search('dddd'));// -1
alert(str.search('ick'));// 1
var arr = str.split(' ');
for(i=0;i<arr.length;i++){
alert(arr[i]);
}
// 輸出：
// Micky
// like
// songs
var a = [1,2,3];
document.write(a.concat(4,5,6));// 1,2,3,4,5,6
注意
1.字符串可以用 ‘’ 或者 “”
2.比較字符串是否相等，使用 == 即可，無需使用equals()方法
逐步整理中，，未完待續。。
