javascript基礎入門之js中的數據結構與數據轉換01
js的組成(ECMAScript、BOM、DOM)
js中的打印語句:
數據類型
變量
運算符
數據類型轉換
js中三大特殊值
js的組成(ECMAScript、BOM、DOM)
①ECMAScript: ECMAScript是一個標准,它規定了語法、類型、語句、關鍵字、保留子、操作符、對象。(相當於法律);
②BOM(瀏覽器對象模型):對瀏覽器窗口進行訪問和操作操作;
③DOM(文檔對象模型):DOM把整個頁面映射成一個多層節點結構。HTML頁面組成都是某種類型的節點,這些節點又包含着不同類型的數據;
js中的打印語句:
①alert() 彈窗 彈出框,阻塞程序執行;
②document.write() 頁面 打印頁面,影響布局,某些情況下會覆蓋頁面;
③console.log(); 打印到控制台;
④prompt() 打印可以輸入對話的彈窗(彈出對話框);
⑤confirm() 彈出框 彈出一個確定或取消的對話框;
數據類型
1簡單(原始)數據類型
①string 字符串 字符String 引號(’,") 引號包裹的數據都是字符;
②number 數字
NaN也是數字類型,表示not a number,無法計算結果
③Boolean 布爾 true false
④undefind 未賦值
⑤null 空
ES6中新增類型:
⑥symbol
復雜(對象)數據類型
①object 對象 用{} 包裹
②array 數組 用 [] 包裹
③function 函數
3.數據類型的檢測typeof
運行返回類型值有:
string, 字符串
boolean, 布爾值(true/false)
number, 數字(包括NaN,isNaN()用來判斷數據是否是NaN)
undefined, 未定義
object, 對象
function 函數
變量
變量的創建:
聲明:var,
賦值運算符:=
關於變量命名注意事項:
①必須使用字母或者_或者$開頭
②前綴最好使用數據類型的開頭字母,能夠更加語義化
③不能使用關鍵字和保留字作為變量名
常見關鍵字:typeof,var,break,continue,return,default等等
運算符
1.算數運算符
+ 加(當+號兩邊,只要出現一個字符,那么就是字符串的拼接(連接),兩邊都是數值,才是數值的+)
- 減(和字符相加會隱式轉換)
* 乘(和字符相加會隱式轉換)
/ 除(和字符相加會隱式轉換)
% 取余(和字符相加會隱式轉換)
2.關系運算符
< 小於
> 大於
<= 小於
>= 大於等於
== 等於(注意一個"="是賦值)
=== 嚴格等於(沒有隱式類型轉換,比較時不僅比較值,還比較數據類型)
3.邏輯運算符
|| 或(有一個為true即為true)
&& 且(有一個為false即為false)
! 非(取反)
4.自增自減
n++ 先運算后增加,每次加一
++n 先增加后運算,每次加一
n-- 先減少后運算,每次減一
–n 先減少后運算,每次減一
5.賦值運算符
= 賦值
+= 累加
-= 減等
*= 乘積
/= 除等於
數據類型轉換
1.字符轉數值
①parseInt() 解析一個字符串,返回一個整數,從左到右檢測,遇到數字轉換,遇到非數字停止,第一位就非數字,轉換停止輸出NaN,會過濾小數點后面的內容,認為小數點是非數字;可以把其他進制轉換成十進制,語法:parseInt(num,2/8/16)
②parseFloat() 解析一個字符串,返回一個浮點數,、從左到右檢測,遇到數字轉換,遇到非數字轉換,遇到非數字停止,輸出NaN,可以識別第一個小數點,第二個無效;
③Math.round() 嚴格轉換,取最近的整數,不允許出現任何非數字,出現即為NaN;
④number() 嚴格轉換,強制轉換,可以識別小數點,不允許出現任何非數字,出現即為NaN
2.數字轉字符
①num.tostring() 直接轉換,相當於給數值添加了一個引號,另外還可以把十進制轉換成其他,語法:num.toString(2/8/16)
②num.toFixed() 與toString一致,可以四舍五入保留n位小數
3.隱式類型在if場景下的轉換規則(任何類型最終都以布爾值的形式存在ture/false):
①數值:兩個數值比較,只要不出現0即為ture;
②字符:兩個字符相比較,只要非空(雙引號內啥也沒有,包括空格)即為ture;
③對象:對象都為ture;
④數組:數組都為ture;
⑤函數:函數都為ture;
⑥underfind,NaN,null:三者出現都為false;
4.isNaN
js中三大特殊值
NaN,underfind,null
————————————————
附上csdn博客地址:
版權聲明:本文為CSDN博主「、放肆」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_43752578/article/details/100144904