初識變量和數(shù)據(jù)類型

2023-1-6    前端達人

JavaScript第2天

輸入輸出語句

輸出語句

  • alert(變量) => 彈出
  • document.write(變量) => 輸出在頁面上面
  • console.log(變量) => 打印在控制臺上
/* JS的輸出語句 */ alert("彈出") document.write("直接在寫頁面上面") console.log("打印在控制臺上面") 
        
  • 1
  • 2
  • 3
  • 4

效果:

在這里插入圖片描述

在這里插入圖片描述

輸入語句

  • confirm 得到是就是兩個按鈕一個確定,一個取消
    點擊確定得到的值是 true => 真
    點擊取消得到的值是 false => 假
  • prompt 就是讓我們在頁面上面輸入一句話
    得到的結(jié)果就是那句話,我們可以將輸入的這一句話當做一個變量存儲起來可以輸出

confirm:

var msg1 = confirm("你好!") //我可以將我們點擊確定和取消的結(jié)果當做變量的值 console.log(msg1); //當我們點擊確定時候得到值是一個true,當我們點擊取消的時候得到的結(jié)果是false 
        
  • 1
  • 2

效果如下:
在這里插入圖片描述
在這里插入圖片描述

prompt:

var msg = prompt("你可以在這上面輸入一句話") //我們可以把這一句話當中一個變量值,賦值給一個變量  alert(msg) //將變量的值直接彈出來 
        
  • 1
  • 2

效果如下:

在這里插入圖片描述

在這里插入圖片描述

變量命名

  1. 變量的聲明 var
  2. 變量的名字
  3. 變量的值
  • 變量的命名規(guī)定
  1. 變量的命名要使用數(shù)字,字母,下劃線,$組成
  2. 變量的命名不能使用數(shù)字開頭
  3. 變量的命名不能使用關(guān)鍵字

舉例:

var a = 10; //合法 var name = "張颯" //合法 var var = "李四" //不合法,不能使用關(guān)鍵字 var 1name = "王八" //不合法,不能以數(shù)字開頭 var alert = "老劉" //合法 var name% = "美麗姐" //不合法,變量的命名要以數(shù)字,字母,下劃線,$組成 
        
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

注意:常見的關(guān)鍵字,有var ,break, for ,if …

  • 變量的命名規(guī)范
    規(guī)定:必須的按照我的來,不按照我的來,那么我就報錯
    規(guī)范:可以不用按照我的來,但是建議按照我的來
  • 駝峰命名法
    • 大駝峰
      多個單詞組成的時候,每一個單詞的首字母都大寫
    • 小駝峰
      多個單詞組成的時候,第一個單詞的首字母小寫,后面的每一個單詞的首字母大寫
      我們JS推薦的就是小駝峰

比如:

var userName = "張三" //遵守了小駝峰的命名規(guī)范 
        
  • 1

數(shù)據(jù)類型

  • 常見的基本數(shù)據(jù)類型有
    數(shù)值類型 => number
    字符串類型 => string
    布爾類型 => boolean
    null => object(null)
    undefined => undefined
  • 我們可以使用一個叫做typeof這個一個詞來檢測數(shù)據(jù)類型
    • typeof的用法
      1. typeof 變量
      2. typeof (變量) typeof (a+b)

isNaN => is not a number

比如:

console.log(isNaN("張三")) //true console.log(isNaN(10)) //false 
        
  • 1
  • 2

isNaN => is not a number判斷一個值不是一個數(shù)字

比如:

// 因為他判斷是不是數(shù)字 //     如果是一個數(shù)字,那結(jié)果直接是false //     如果不是一個數(shù)字,那么他會判斷這個值能不能轉(zhuǎn)換成數(shù)值,如果可以,那么結(jié)果是false,如果不可以,那么結(jié)果是true // boolean與number其實就是相通的 //     boolean類型的true   代表數(shù)值類型的一切非0的值 //     boolean類型的false  代表數(shù)值類型的0 console.log(isNaN("123"));//false console.log(isNaN("123a"));//true console.log(isNaN(11));//false console.log(isNaN(true));//false 
        
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

強制類型的轉(zhuǎn)換

轉(zhuǎn)換成一個數(shù)值類型

強制轉(zhuǎn)換

  • parseInt => 轉(zhuǎn)換成一個整數(shù) int(整數(shù))
  • parseFloat => 可以轉(zhuǎn)換成一個小數(shù)
  1. parseInt先看第一位的值,能不能轉(zhuǎn),如果可以轉(zhuǎn),那么就轉(zhuǎn),如果不能轉(zhuǎn),那么就NaN

  2. parseInt再看第二位的值,能不能轉(zhuǎn),如果可以,那么轉(zhuǎn),如果不能轉(zhuǎn),那就停止了

  3. parseFloat 他比parseInt 多認識了一個小數(shù)點 .
    console.log(parseInt(“12a2”))

自動轉(zhuǎn)換

  • Number => 可以轉(zhuǎn)換成數(shù)字
    boolean => 可以轉(zhuǎn),轉(zhuǎn)過來的是 true=>1 false=>0
    null => 可以轉(zhuǎn),=> 0
    undefined => 不可以轉(zhuǎn),=> NaN
    “123” => 可以轉(zhuǎn),=> 123
    “123a” => 不可以,不認是a NaN

將其他類型轉(zhuǎn)換成字符串

  • String
    不管什么類型使用String都可以轉(zhuǎn)換成字符串
    var res = String(變量)
    相當將這個變量的值外面添加一對引號
    -toString()
    相當將這個變量的值外面添加一對引號,但是null和undefined不能使用
  • +
    但凡+號的兩邊有一邊是字符串,那么結(jié)果就是拼接,拼接得到的結(jié)果還是一個字符串
    如果+號的兩邊都沒有字符串,那么就會相加
var a = 10; var a1 = String(a) console.log(a1, typeof a1); var b1 = a.toString() console.log(b1, typeof b1); console.log(a + "~~", typeof (a + "")); 
        
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

將其他類型轉(zhuǎn)換成boolean

  • Boolean有四個是false分別是:
    1. 字符串 ""
    2. null
    3. undefined
    4. 數(shù)字 0



    來源:csdn



藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔