JavaScript 参照データ型とは何ですか?

青灯夜游
リリース: 2021-12-07 15:25:39
オリジナル
11506 人が閲覧しました

JavaScript には 3 つのタイプの参照データ型があります: 1. オブジェクト型、順序のないキーと値のセット; 2. 配列型、配列されたデータの連続したコレクションのセット; 3 . 関数タイプ。特定の関数を備えたコードのブロックです。

JavaScript 参照データ型とは何ですか?

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!