首頁 > web前端 > js教程 > 詳細了解JavaScript中的資料類型

詳細了解JavaScript中的資料類型

青灯夜游
發布: 2021-02-17 09:01:41
原創
2049 人瀏覽過

詳細了解JavaScript中的資料類型

JavaScript的資料型別分為兩個種,一種是基本資料型別,一種是引用資料型別

1、基本資料型別包括:

  • Number - - (數字)

  • #String - - (字串)

  • Boolean - - (布林值)

  • Undefined - - (未定義)

  • Null - - (空的)

  • Symbol - - (符號)

2、引用資料型別包括:

1)、Object - - (物件)

以下都是屬於Object之內的:
2.Array - - (陣列)
3.Function - - (函數)
4.Date - - (時間)
5.RegExp - - (正規)
6…(還有很多)

#基本資料型別的取值:

Number:

數字(數字可以帶小數點也可以不帶)、NaN、Infinity

String:

字串可以是引號中的任意文字。雙引號單引號都可以。也可以使用ES6的模板字串 ``
如:

var a = 'xxx';var a = "xxx";
登入後複製

這兩個物種都是聲名的字串。

Boolean:

只有兩個值:true或false。

布林值常用在條件測試中。比如說判斷1>2是不是對的,是對的就回傳true,是錯的就回傳false,然後我們就可以依照回傳的結果去做倆種不同的操作。

Undefined:

取undefined一個值。

表示變數不含有任何值。是未定義的狀態。

Null:

表示變數的值為空,可以透過將變數的值設為null來清空變數。

Symbol:

關於Symbol的詳細介紹請移步到ES6阮一峰符號的詳細介紹

引用資料類型的介紹:

Array:

陣列: 保存一組資料

##陣列物件的作用是:使用單獨的變數名稱來儲存一系列的值。

(動態陣列:可自動根據元素個數呼叫長度大小)

概念:

1)、元素:陣列中所儲存資料的空間

2)、長度:數組中所保存元素的個數
3)、下標(索引):數組中元素的編號,從0開始編號,到(數組的長度-1)結束

使用:

a、建立陣列物件:

var arr = [];//直接量
var arr = new Array();//创建数组对象。
var arr = [1,2,3];//直接量,在创建数组对象的同时初始化保存的数据。
var arr = new Array(1,2,3);在创建数组对象的同时初始化保存的数据。
var arr = new Array(size);//size为数字参数,表示创建数组时先预定size个空间。
登入後複製

b、存取陣列元素:

数组名[下标]
登入後複製

c 、陣列元素遍歷迭代:

    普通迴圈
  • for(let i = 0;i < array.length; i++) {
    	//array[i]}
    登入後複製
    for-in
  • for(let 变量名 in 数组名) {
    	//变量名中所保存的值是数组下标编号的字符串内容
    	//仍然使用“数组名[字符串下标]”来访问数组对应下标处的元素}
    登入後複製
    for-of( ES6)
  • for(let 变量名 of 数组名) {
    	//变量名中所保存的值是数组中当前便利到的元素值}
    登入後複製
    陣列的api
  • 陣列的API詳細介紹請看陣列的常用方法

Object:

(OOP:萬物皆物件)

建立物件的方法有:

#1、直接量:


var stu = {
	name: &#39;李四&#39;,
	age: 18,
	eat: function(pig) {
		console.log(&#39;吃:&#39; + pig)
	}}
登入後複製

2、建構子創建


function Person() {
	this.name = &#39;jack&#39;;
	this.job = function() {
		alert(&#39;program&#39;);
	}}var person = new Person();
登入後複製

3、透過object方式建立


var person = new Object();person.name = &#39;jack&#39;;person.sex = &#39;girl&#39;;
登入後複製

物件的屬性呼叫:

物件名稱.屬性名稱

物件名稱.方法名稱(【參數清單】)

或:

物件名稱【“屬性名稱”】

物件名稱【“方法名稱” 】();

Function:

函數是由事件驅動的或是當它被呼叫時可重複使用的程式碼區塊。

本質:程式碼區塊。

定義:

1)、聲名函數


function 函数名(参数列表) {
	//函数主体:可被重复使用的代码块}
登入後複製

2)、函數表達式


var 变量名 = function(参数列表) {
	//函数主体:可被重复使用的代码块}
登入後複製

3)、了解: new Function() //這基本上不用了,上面兩個算是這個的縮寫。


呼叫:

a.直接呼叫

函数名()
登入後複製

b.事件驅動


document.getElementById(‘xx’).onclick = 函数名;
登入後複製

參數(相當於一個函數的輸入):

  • 形式參數(形參):函數定義時的參數

  • 實際參數(實參):函數呼叫時的參數

傳回值(相當於是函數的輸出):

return 表达式;
登入後複製

函數傳回值是回到函數呼叫處

基本資料型別和引用資料型別的區別:

基本資料型別的值是存放在堆疊中。

引用資料型別的值是存放在堆中。

更多程式相關知識,請造訪:

程式設計教學! !

以上是詳細了解JavaScript中的資料類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板