JavaScript 複合データ型とは何ですか?

青灯夜游
リリース: 2022-01-27 14:39:53
オリジナル
3910 人が閲覧しました

javascript 複合データ型: 1. オブジェクト型 (キーと値の順序なしのコレクション) 2. 配列型 (順序付きデータのコレクション) 配列の各メンバーは要素と呼ばれます、各要素の名前は配列添字と呼ばれます; 3. 関数タイプは、特定の関数を含むコードのブロックです。

JavaScript 複合データ型とは何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript のデータ型は 2 つの型に分類できます:

  • 基本データ型 (値型): 文字列、数値、ブール値、Null 、未定義、シンボル;

  • 参照データ型 (複合データ型): オブジェクト )、配列 (Array)、関数 (Function)。

#JavaScript 複合データ型

1. オブジェクト型

オブジェクト データ型はオブジェクトと呼ばれ、順序のないキーと値のセットです。これは、new 演算子の後に作成するオブジェクト タイプの名前を指定して作成できます。リテラル表記を使用して作成することもできます。別の名前 (空の文字列を含む任意の文字列) を持つプロパティを追加します。

1) オブジェクトの構築

new 演算子を使用してコンストラクターを呼び出し、インスタンス オブジェクトを構築します。具体的な使用法は次のとおりです。

var objectName = new functionName(args);
ログイン後にコピー

パラメータの説明は次のとおりです。

  • objectName: 返されたインスタンス オブジェクト。

  • functionName: コンストラクター。基本的には通常の関数と同じですが、戻り値を返す必要がなく、関数内でこれを使用して事前にアクセスできるインスタンス オブジェクトを返します。 。

  • args: インスタンス オブジェクトの初期化構成パラメーターのリスト。

次の例では、さまざまなタイプのコンストラクターを使用してさまざまなインスタンスを定義します。

var o = new Object(); //空のオブジェクトを定義します

var a = new Array(); //空の配列を定義します

var f = new Function(); //空の関数を定義します

2) オブジェクトの直接数量

直接数量を使用すると、オブジェクトを迅速に作成でき、これは最も効率的で最も簡単な方法でもあります。具体的な使用法は次のとおりです:

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};
ログイン後にコピー

オブジェクト リテラルでは、属性名と属性値はコロンで区切られます。属性値には任意のタイプのデータを指定でき、属性名には JavaScript 識別子または文字列型の式。プロパティはカンマで区切られ、最後のプロパティの末尾にカンマは必要ありません。

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 (配列) データを順番に並べた集合で、配列内の各値を要素(Element)、各要素の名前(キー)を配列のインデックス(Index)と呼びます。配列の長さは柔軟で、読み取りと書き込みが可能です。

配列には、あらゆる種類のデータを含めることができます。

JavaScript で配列を定義 (作成または宣言) するには、構築された配列と配列リテラルの 2 つの方法があります。

1) 配列の構築

new 演算子を使用して Array() タイプの関数を呼び出すと、新しい配列を構築できます。

例:

  • パラメータを渡さずに Array() 関数を直接呼び出して、空の配列を作成します。

  • var a = new Array();  //空数组
    ログイン後にコピー
  • 複数の値を渡すと実数の配列が作成されます。

  • var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组
    ログイン後にコピー
各パラメータは要素の値を指定し、値の型に制限はありません。パラメーターの順序は配列要素の順序でもあり、配列の長さプロパティ値は渡されるパラメーターの数と等しくなります。

  • 数値パラメータを渡して、配列の長さ、つまり配列に含まれる要素の数を定義します。

  • var a = new Array(5);  //指定长度的数组
    ログイン後にコピー
パラメータ値は配列長の属性値と等しく、各要素のデフォルト値は未定義です。

  • 値 1 の引数を渡すと、JavaScript は値 1 の要素を 1 つ含む配列ではなく、長さ 1 の配列を定義します。

  • var a = new Array(1);
    console.log(a[0]);
    ログイン後にコピー
2) 配列リテラル

配列リテラルの構文形式: カンマで区切られた角括弧内に複数の値のリストが含まれます。

次のコードでは、配列リテラルを使用して配列を定義します。

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组
ログイン後にコピー

配列リテラルは配列を定義する最も簡単で効率的な方法であるため、配列リテラルを使用して配列を定義することをお勧めします。

3. 関数の種類

関数 (関数) は、特定の機能を備えたコードのブロックです。関数は自動的には実行されず、関数を通じて呼び出す必要があります。次の例に示すように、実行する関数名:

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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート