當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
前端JavaScripts基础知识点讲义代码
生活随笔
收集整理的這篇文章主要介紹了
前端JavaScripts基础知识点讲义代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
js day01
數據類型
基本數據類型
引用數據類型
數據類型轉換
其他類型 —》數值類型
string boolean null undefined --->number #1: 轉換為數值類型的方法 number()Number( '34.567' ) Number('234') 234 Number('23.456') 23.456 Number(true) 1 Number(false) 0 Number(undefined)--->NaN NaN # not a number isNaN() is not a number 判斷這個值是否是數值 如果是數值得話返回false 不是的話返回true Number(null) 0Number('1234def') ---> 結果:NaN 只要不是數字 都不能進行轉換# 2: parseInt() ---》其他類型(字符串。浮點)轉整數 parseInt(23.456) 23 parseInt('123') 123 # parseInt('1234def')1234 parseInt('1234def1324') 1234 parseInt('a1234def1324') NaN# 3:parseFloat() ===>轉浮點 parseFloat(34) 34 parseFloat(34.890) 34.89 parseFloat('324.89') 324.89# parsetInt parserFloat 盡自己所能 Number() 局限其他類型轉布爾類型
哪些值可以轉換為0值?怎么轉換 Boolean( ) Boolean('wqfwe') true Boolean(-400000) true Boolean(0) false Boolean(null) false Boolean(undefined) false Boolean('') false Boolean(false) false Boolean("false") true其他類型轉字符串
對象.toString() String()a.toString() "10" true true true.toString() "true"String(null) "null" String(undefined) "undefined"# 調用toString()不能轉換null,undefined 但是String()可以二:運算符
#1 :算術運算符:(二元) + - * / % (* / % + -) 5%4 == 1 -1%4 == -1 1 % (-4) == 1 -7%12 = -7 # 2: 邏輯運算符 && || ! 表達式1 || 表達式2 var a = 10; a > 10 && a = 20 表達式1已結為false 所以表達式2 不進行 console.log(a) //10 !0 = 1 !1 = 0 取反#3:關系運算符 == != >= <= > < === 全等 !== 全不等 i+=1 ===> i= i+1== 只是值相同即可 ,可以類型不相同 10 == '10' true === 值和類型均相同 10 === '10' false# 4:賦值運算符+= -= %= /= *= = 等于 右結合性# 5:自加 i++ ++i自減 i-- --i三大結構
順序結構:
輸入語句 輸出語句 賦值
選擇結構:
if switch
if 全面 if(判斷條件){ # ( 條件---》任意表達式) true 執行{}里代碼 false 不執行{}里代碼滿足條件執行的判斷語句} # 單分支: if(今天下雨){我就拿傘;} #if else 雙分支 if(今天下雨){我就拿傘;}else {我就不拿傘;} # 多分支 if-elseif-elseswitch 清晰 處理流程清晰的選擇switch(條件){ # 條件最終結果只能整型或字符串 === 全等 case 表達式1:代碼;break;case 表達式2:代碼;break;case 表達式3:代碼;break;default: ===>else 處理所有剩余情況代碼;}# case 和default可以任意位置 并且default可有可無var a = prompt('請輸入')//5--10switch(a){case 5:console.log('a的值是5')break;......case 10:console.log('a的值是10')break;}循環結構:
for while do-while 三要素:1:初始值2:循環控制條件3:步長增量 # for for(賦初值;控制條件;步長){循環體; } var sum = 0; for(var i = 0(表達式1);i<=100(表達2);i++(表達式3)){sum += i;(表達4)} 執行順序 # 1--》2--》4---》3--》2---》4---》3---》2.....直到表達式2為false則跳出循環#2 var i =0,sum=0;while(i<=100){sum+=i;i++;} # 區別 for 和 while for用在哪 循環次數明確的情況(順序查找) while可以用在循環次數不明確的情況(二分查找 順序查找)# do--while 賦初值 do{循環代碼;增量;}while(控制條件);while()循環先判斷后執行 do-while()先執行后判斷 var num = prompt('輸入yes/no') while(num==='no'){游戲的代碼}do {游戲的代碼}while(您要繼續還是退出?yes/no);作業:
1:循環實現斐波那契(不要遞歸)
2:n的k次冪 5^3
3:猴子吃桃 (猴子每天吃比前一天的一半還多一個桃子 ,第10天只剩一個,問你第一天有幾個桃子)
總結
以上是生活随笔為你收集整理的前端JavaScripts基础知识点讲义代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端HTML5CSS动画变形动画之过渡
- 下一篇: gradle idea java ssm