JavaScript には 3 つのタイプの参照データ型があります: 1. オブジェクト型、順序のないキーと値のセット; 2. 配列型、配列されたデータの連続したコレクションのセット; 3 . 関数タイプ。特定の関数を備えたコードのブロックです。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript の参照データ型: オブジェクト、配列、関数。
1. オブジェクト タイプ
JavaScript のオブジェクト タイプは、キーと値で構成される順序のないセットです。オブジェクト タイプを定義するには、以下を使用する必要があります。中括弧 { }
、構文形式は次のとおりです:
{name1: value1, name2: value2, name3: value3, ..., nameN: valueN}
ここで、name1、name2、name3、...、nameN
はオブジェクト内のキーです。 value1、value2、value3、...、valueN
は、対応する値です。
JavaScript では、オブジェクト型のキーはすべて文字列型であり、値は任意のデータ型にすることができます。オブジェクトの値を取得するには、次の例に示すように、オブジェクト名.key の形式を使用できます:
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 (配列) データを順番に並べたもので、配列内の各値を要素と呼び、任意の種類のデータを含めることができます。 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、2 番目の要素のインデックスは 1、3 番目の要素のインデックスは 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 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 中国語 Web サイトの他の関連記事を参照してください。