韓順平_輕鬆搞定網頁設計(html+css+javascript)_第20講_js基本數據類型_js運算符1_學習筆記_源代碼圖解_PPT文檔整理

原創

wenximalong

2020-02-21 04:21

文西馬龍：http://blog.csdn.net/wenximalong/

js基本語法——基本數據類型

javascript基本數據類型三大類型

①基本數據類型
分爲：
（1）數值
（2）字符串
（3）布爾型

通過typeof可以看到變量的具體數據類型是什麼？

typeof.html

<html>
	<head>
		<script language="javascript">
			var v1="abc";
			var v2=890;
			window.alert("v1是"+typeof v1);
			window.alert("v2是"+typeof v2);
			//js是動態語言 類型是可以變化的
			var v1=789;
			window.alert("v1是"+typeof v1);
		</script>
	</head>
	<body></body>
</html>

javascript複合數據類型

②複合類型
（1）數組
（2）對象

javascript特殊數據類型

③特殊類型
（1）mull
（2）undefine

直接 window.alert(tt);//報錯未定義

var aa;//沒有給值
window.alert(aa);//彈出undefine;

javascript基本數據類型三大類型
（1）Number（數字類型）
1.整型常量（10進制\8進制\16進制）
十六進制以0x或0X開頭，例如：0x8a
八進制必須以0開頭，例如：0123
十進制的第一位不能是0（數字0除外）例如：123
2.實型常量
12.32 193.98 5e7 4e5等
特殊數值：NaN、infinity、isNaN()、isFinite()

NaN (not a number)
var a="abc";
window.alert(parseInt(a));

infinity(無窮大)
window.alert(6/0);

isNaN
window.alert(isNaN("abc")); ture
window.alert(isNaN(123)); false

（2）Boolean（布爾值）
true和false
（3）String字符串
"a book of javascript" 'abc' "a" ""
字符串中的特殊字符，需要以反斜槓（\）後跟一個普通字符來表示
例如：\r \n \b \' \" \\xxx

var a="abcd";
var a='abcd';
var c="adklad\"fkfj";
window.alert(c);

js基本語法——定義變量、初始化、賦值
1.定義變量
什麼是定義變量
var a;這就是定義了一個變量，變量名是a

2.初始化變量
在定義變量的時候，就給值
var a=45; 這就是初始化變量a

3.給變量賦值
比如你先定義了變量：var tt;
然後，再給值 tt=789; ->這就是給變量賦值

js基本語法——數據類型轉換
1.自動轉換
請看一個案例
var a=1.2; a=45;
a="韓順平";
window.alert(a);

2.強制轉換
如何字符串轉成數字？
var a=parseInt("123");
var b=parseFloat("12.3");
……//其它後面介紹
parseInt(),parseFloat()是系統函數，可以直接使用

js數據類型的轉換
（1）自動轉換
var a=123; //a是數值
a="hello world"; //a的類型是string
（2）強制轉換
比如：
var a="123456";
a=parseInt(a);//使用系統函數強制轉換
或者

var b=90; //b 是number
b=b+""; //b就是string

js基本語法——運算符
算術運算符
這個聽其名而知其意。就是用於計算的，javascript常用的是：
1.+加
2.-減
3.*乘
4./除
5.%取模
其實%運算可以得到兩個數相除的餘數，通常用於判斷兩個數是否整除，主要用於整數。

注意：（1）數+數加法運算（2）數+字符串拼接（3）字符串+字符串拼接

案例：
var a=90;
var b=8;

if(a%b==0){
window.alert("能整除");
}else{
window.alert("不能整除");
}

算術運算符
6. ++自加
7. --自減
這兩個運算符比較特殊，請大家思考：
var a=90;
a++ ---->a=a+1
這時，a等於多少
var b=89;
b-- ---->b=b-1
這時，b等於多少

再看一個案例
var a=56;
var b=++a
window.alert(b);
window.alert(a);

b=++a; //先自加了，再賦值。a=a+1 b=a
b=a++; //先賦值了，再自加。b=a a=a+1

b=++a; <====> [a=a+1; b=a;]
b=a++; <====> [b=a; a=a+1;]

b=--a; <====> [a=a-1; b=a;]
b=a--; <====> [b=a; a=a-1]

算術運算符
8.+= 左加
9.-= 左減
10./= 左除
11.% 左取模

請大家看幾個案例，就明白了：
var a=90;
a+=90; =>a=a+90
請問，a現在等於多少？

var b=89.7;
b+=a; =>b=b+a;
請問，b現在等於多少？

再看一個案例：
var a=56;
var b=90;
a-=34; // a=22
b%=a; // b=b%a; 2
window.alert(b); // 2

window.alert(a); // 22

韓順平_php從入門到精通_視頻教程_學習筆記_源代碼圖解_PPT文檔整理_目錄