首頁 > web前端 > 前端問答 > javascript引用資料型別有哪些

javascript引用資料型別有哪些

青灯夜游
發布: 2021-12-07 15:25:39
原創
11690 人瀏覽過

javascript中的引用資料類型有3種:1、物件(Object)類型,是一組由鍵、值組成的無序集合;2、陣列(Array)類型,是一組依序排列的資料的集合;3、函數(Function)類型,是一段具有特定功能的程式碼區塊。

javascript引用資料型別有哪些

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript 中的參考資料型別:物件(Object)、陣列(Array)、函數(Function)。

1、Object 類型

JavaScript 中的物件(Object)類型是一組由鍵、值組成的無序集合,定義物件類型需要使用花括號{ },語法格式如下:

{name1: value1, name2: value2, name3: value3, ..., nameN: valueN}
登入後複製

其中name1、name2、name3、...、nameN 為物件中的鍵, value1、value2、value3、...、valueN 為對應的值。

在 JavaScript 中,物件類型的鍵都是字串型別的,值則可以是任意資料型別。要取得物件中的某個值,可以使用物件名稱.鍵的形式,如下例所示:

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};
console.log(person.name);       // 输出 Bob
console.log(person.age);        // 输出 20
登入後複製

2、Array 類型

陣列(Array)是一組按順序排列的資料的集合,數組中的每個值都稱為元素,而且數組中可以包含任意類型的資料。在JavaScript 中定義陣列需要使用方括號[ ],陣列中的每個元素使用逗號進行分隔,例如:

[1, 2, 3, 'hello', true, null]
登入後複製

另外,也可以使用Array() 函數來建立陣列,如下例所示:

var arr = new Array(1, 2, 3, 4);
console.log(arr);       // 输出 [1, 2, 3, 4]
登入後複製

陣列中的元素可以透過索引來存取。數組中的索引從 0 開始,並依次遞增,也就是說數組第一個元素的索引為 0,第二個元素的索引為 1,第三個元素的索引為 2,以此類推。如下例所示:

var arr = [1, 2, 3.14, 'Hello', null, true];
console.log(arr[0]);  // 输出索引为 0 的元素,即 1
console.log(arr[5]);  // 输出索引为 5 的元素,即 true
console.log(arr[6]);  // 索引超出了范围,返回 undefined
登入後複製

3、 Function 類型

函數(Function)是一段具有特定功能的程式碼區塊,函數不會自動執行,需要透過函數名稱呼叫才能運行,如下例所示:

function sayHello(name){
    return "Hello, " + name;
}
var res = sayHello("Peter");
console.log(res);  // 输出 Hello, Peter
登入後複製

此外,函數還可以儲存在變數、物件、陣列中,而且函數還可以作為參數傳遞給其它函數,或則從其它函數返回,如下例所示:

var fun = function(){
    console.log("http://c.biancheng.net/js/");
}
function createGreeting(name){
    return "Hello, " + name;
}
function displayGreeting(greetingFunction, userName){
    return greetingFunction(userName);
}
var result = displayGreeting(createGreeting, "Peter");
console.log(result);  // 输出 Hello, Peter
登入後複製

【相關推薦:javascript學習教學

#

以上是javascript引用資料型別有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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