javascript資料型別基礎範例教學

2022-03-15 04:00:10

js中的輸入輸出語句

方法	說明	歸屬
alert(msg)	瀏覽器彈出警示框	瀏覽器
console.log(msg)	瀏覽器控制檯列印輸出資訊	瀏覽器
prompt(info)	瀏覽器彈出輸入框，使用者可以輸入	瀏覽器

注：prompt(info)獲取的輸入都是字串型別，跟python中的input()類似。

 <script>
      prompt("請輸入：");
      alert('你好呀！小可愛！');
      console.log('阿牛最帥啦！');
  </script>

js中的註釋

單行註釋	多行註釋
//	/* */

注：css中的註釋為/* */,各種語言的註釋記不住也沒有關係，只要記住快捷鍵ctrl + /就行，大多數編輯器都支援這個快捷鍵，對大多數語言都適用，只需選中要註釋的內容，ctrl + / 就可以了。

js中聲名變數

1、 js中用關鍵字var宣告一個變數

//宣告變數
 var age ; // 宣告一個名稱 age 的變數
 age = 18;
 var name = 'aniu' //變數的初始化

var 是一個 JS 關鍵字，用來宣告變數（ variable 變數的意思）。使用該關鍵字宣告變數後，計算機會自動為變數分配記憶體空間，不需要程式設計師管。

age 是程式設計師定義的變數名，我們要通過變數名來存取記憶體中分配的空間。

2、宣告變數特殊情況

情況	說明	結果
var age ; console.log ( age );	只宣告不賦值	undefined
console.log ( age )	不宣告不賦值直接使用	報錯
age =10; console.log ( age );	不宣告只賦值	10

3、變數命名規範

由字母（ A - Za - z )、數位（0-9)、下劃線（_)、美元符號（$）組成，如： usrAge ,num01,_ name。
嚴格區分大小寫。 var app ；和 var App ；是兩個變數。
不能以數位開頭。18age是錯誤的。
不能是關鍵字、保留字。例如: var 、 for 、 while
變數名必須有意義。
遵守駝峰命名法。首字母小寫，後面單詞的首字母需要大寫。 myName

js中的基本資料型別

變數是用來儲存值的所在處，它們有名字和資料型別。變數的資料型別決定了如何將代表這些值的位儲存到計算機的記憶體中。 JavaScript 是一種弱型別或者動態語言。這意味著不用提前宣告變數的型別，在程式執行過程中，型別會被自動確定。

 var age =18; I //這是一個數位型
 var ok ='是; //這是一個字串

在程式碼執行時，變數的資料型別是由 JS 引擎根據＝右邊變數值的資料型別來判斷的，執行完畢之後，變數就確定了資料型別。

簡單資料型別	說明	預設值
Number	數位型，包含整型值和浮點型值，如12、0.82	0
Boolean	布林值型別，如 true 、 false ，等價於1和 0	false
String	字串型別，如＂張三＂注意 js 裡面字串都帶引號	" "
Undefined	var a ；宣告了變數 a 但是沒有給值，此時 a = undefined	undefined
Null	var a = nul ；宣告了變數 a 為空值	null

數位型 Number

數位型進位制

最常見的進位制有二進位制、八進位制、十進位制、十六進位制。

 // 八進位制數位序列範圍：0~7
 var num1=07; //對應十進位制的7 
 var num2=018; //對應十進位制的18 
 var num3=08;  //對應十進位制的8 
 // 十六進位制數位序列範圍：0~9以及 A ~ F 
 var num =0xA; //對應十進位制的10

我們只需要記住，在 js 中八進位制前面加0,十六進位制前面加 0x。

數位型範圍

1, JavaScript 中數值的最大和最小值。

 console.log(Number.MAX_VALUE);//1.7976931348623157e+308 
 console.log(Number.MIN_VALUE);//5e-324

最大值： Number . MAX_VALUE ，這個值為1.7976931348623157e+308

最小值： Number . MIN_VALUE ，這個值為：5e-32

2, 無窮小，無窮大，非數位。

  console.log (Number.MAX_VALUE *2);// Infinity 無窮大
  console.log(-Number.MAX_VALUE *2);//-Infinity 無窮小
  console.log('aniu' - 100); // NaN  非數位 Not a Number
  // isNaN()這個方法用來判斷非數位 並且返回一個值如果是數位返回的是 false,如果不是數位返回的是 true 
  console.log(isNaN(12));// false 
  console.log(isNaN('aniu')); // true

布林值型別 Boolean

如 true 、 false ，等價於1和 0

 var flag = true;
 var flag1 = false;
 console.log(flag);
 console.log(flag1);

字串型別 String

js中跳脫字串

字串的其它知識點。

多個字串之間可以使用＋進行拼接，其拼接方式為字串＋任何型別＝拼接之後的新字串。拼接前會把與字串相加的任何型別轉成字串，再拼接成一個新的字串。

 // 1. 求字串的長度
    var str = 'a niu';
    console.log(str.length);  //length方法求字串的長度
   // 2. 字串的拼接 +
   console.log('aniu'+'a'); // aniua
   console.log('11'+13);  // 1113
   var flag = true;
   var flag1 = false;
   console.log(flag+1); // 2
   console.log(flag1+1); // 1
   var s = undefined;
   console.log(s + 'aniu'); // underfinedaniu
   console.log(s + 1); //undefined和數位相加，結果是NaN

Undefined 和 Null

一個宣告後沒有被賦的變數會有一個預設值 undefined （如果進行相連或者相時，注意結果）

 var m ;
    console.log (m); //undefined 
    console.log ('阿牛'+ m);//阿牛undefined 
    console.log (11+m); // NaN 
    console.log (true + m); // NaN

一個宣告變數給 null 值，裡面存的值為空（學習物件時，我們繼續研究 null )

var m  = null;
console.log (m); // null
console.log ('阿牛'+ m);//阿牛null 
console.log (11+m); // 11
console.log (true + m); // 1

結語

今天的知識就總結到這裡，下篇帶來js中的資料型別轉換。
上篇看這裡：JavaScript入門初體驗書寫方式

以上就是javascript資料型別基礎範例教學的詳細內容，更多關於javascript資料型別基礎的資料請關注it145.com其它相關文章！