一艳狐、數(shù)據(jù)類型
前言
Js中的類型只有6種嚼锄，其中基本數(shù)據(jù)類型有5種分別為string,number,boolen,null,undefined证芭，引用類型有一種煤傍，就是object朦肘，object是一個大的綜合體饭弓，在JS中除了那5個基本數(shù)據(jù)類型以外，其他的一切皆對象媒抠。以下是最近自學(xué)js整理的一些筆記弟断，希望能讓更多初學(xué)者了解到數(shù)據(jù)類型的基本概念。
正文
1.獲取變量類型
typeof
var age = 18;
console.log(typeof age); // 'number'
2.基本數(shù)據(jù)類型
字符串(String),數(shù)值型(number),布爾型(boolean)
<script>
//a.字符串
var a = "laowangba";
//document.write(typeof(a));
//數(shù)值
var b = 123;
var b1 = 123.1;---> 同樣是number類型,不要判斷兩個浮點數(shù)是否相等.
//布爾型
var c = ture;
var d = false;
</script>
- Boolean字面量： true和false趴生，區(qū)分大小寫
- 計算機內(nèi)部存儲：true為1阀趴，false為0
3.復(fù)合數(shù)據(jù)類型
對象(object),數(shù)組(array object)
<script>
//對象
var e = {'name':'niu','age':18}; ---> 等價于PHP中class a()
</script>
4.其他數(shù)據(jù)類型
函數(shù),null,undefined
<script>
//函數(shù)類型
var j = function(){};
//document.write(j); ---> 這里可能會有爭議,但typeof打印出來的確就有funcion類型
//null類型
var h = null;
//document.write(h); ---> 空對象,對象類型中的一個分支,沒有此對象的時候會顯示null.
//alert(document.getElementById('notExistElement')); --->顯示為null,找不到此對象
//undefined類型
var g;
//document.write(i); ---> 打印一個不存在的變量,定義為undefined,未定義或者定義了,但未初始化
//alert(null == undefined);---> 顯示結(jié)果是true
//alert(null === undefined);---> 顯示結(jié)果是false
</script>
二、數(shù)據(jù)類的轉(zhuǎn)換
2.1 隱式轉(zhuǎn)換
隱式轉(zhuǎn)換常用于if判斷等需要直接結(jié)果的地方.
<script>
undefined == null; // true
1 == true; // true
2 == true; // false
0 == false; // true
0 == ''; // true
NaN == NaN; // false ---> NaN 注意:這是JS中一個特殊的表示,NaN表示不等于任何值.這個數(shù)值表示本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況（這樣就不會拋出錯誤了）苍匆。任何數(shù)值除以0都會導(dǎo)致錯誤而終止程序執(zhí)行刘急。一般使用isNaN()來判斷是否為NaN類型.
[] == false; // true
[] == ![]; // true
'6' - '3' // 3
1234 + 'abcd' // "1234abcd"
</script>
undefined與null相等,但不恒等（===）
一個是number一個是string時,會嘗試將string轉(zhuǎn)換為number
隱式轉(zhuǎn)換將boolean轉(zhuǎn)換為number,0或1
隱式轉(zhuǎn)換將Object轉(zhuǎn)換成number或string,取決于另外一個對比量的類型
對于0、空字符串的判斷,建議使用 “===”
“==”會對不同類型值進行類型轉(zhuǎn)換再判斷,“===”則不會.它會先判斷兩邊的值類型,類型不匹配時直接為false
2.2顯示轉(zhuǎn)換
Number:
var a = Number('1');
var b = Number(1);
var c = Number('c');
var d = Number(null);
var e = Number(undefined);
console.log(a,b,c,d,e); // 1 1 NaN 0 NaN
// Number()可以把任意值轉(zhuǎn)換成數(shù)值浸踩，如果要轉(zhuǎn)換的字符串中有一個不是數(shù)值的字符叔汁，返回NaN
String:
String(1234); // "1234"
String('abcd'); // "abcd"
String(true); // "true"
String(undefined); // "undefined"
String(null); // "null"
Boolean:
var a = Boolean('0');
var b = Boolean(0);
var c = Boolean('1');
var d = Boolean(null);
var e = Boolean(undefined);
var f = Boolean(NaN);
console.log(a,b,c,d,e,f); //true false true false false false
// 0、''(空字符串) 、null据块、 undefined 码邻、NaN 會轉(zhuǎn)換成false 其它都會轉(zhuǎn)換成true
parseFloat:
var a = parseFloat('1.2df'); //1.2
var b = parseFloat('1.3.4'); //1.3
var c = parseFloat('c12'); //NaN
var d = parseFloat(null); //NaN
var e = parseFloat(undefined); //NaN
console.log(a,b,c,d,e);
// parseFloat() 把字符串轉(zhuǎn)換成浮點數(shù)
// parseFloat()和parseInt非常相似，
// 不同之處在與parseFloat會解析第一個 . 遇到第二個.或者非數(shù)字結(jié)束
// 如果解析的內(nèi)容里只有整數(shù)另假，解析成整數(shù)
parseInt()
var a = parseInt('1.2df'); //
var b = parseInt(1);
var c = parseInt('c12');
var d = parseInt(null);
var e = parseInt(undefined);
console.log(a,b,c,d,e); //1 1 NaN NaN NaN
// 如果第一個字符是數(shù)字會解析,直到遇到非數(shù)字結(jié)束
// 如果第一個字符不是數(shù)字或者符號就返回NaN
2.3 字符串特別說明
1. 單引號和雙引號均可解析轉(zhuǎn)義字符
2. 單引號和雙引號均不能解析變量
3. 變量與字符串,變量與變量要使用+來拼接,區(qū)分開PHP
4. 單引號和雙引號可以互相嵌套,如果單引號中藥嵌套單引號,需要將單引號轉(zhuǎn)義,同理,雙引號相同
<script>
//單引號和雙引號為啥不能解析說明
var a = 10;
alert('a'); ---> 此處懵逼,到底是要輸出變量還是字符串?它不像PHP,有個$直接可以區(qū)分開變量和字符串
alert('a'+ a);
//+連接說明
alert('hello' + 3 + 'world'); //hello3world
alert(3 + 2 + 'hello' + 5 + 'world'); //5hello5world
alert(4 + 4 + 'hello' + 4 + 5 + 'world'); //8hello45world ---> 左往右連接,兩個數(shù)字會理解為加號,直到碰見不為數(shù)值則理解為拼接.
</script>
如何打印一下字符串：
var s = '我很喜歡 \"雷鋒 \'的精神\' \"';
console.log(s);
- 字符串長度
length屬性用來獲取字符串的長度
var str = 'Hello World';
console.log(str.length);
