Latest web development tutorials
×

JavaScript コース

JavaScript コース JavaScript 簡単な紹介 JavaScript 使用法 JavaScript 輸出 JavaScript 文法 JavaScript ステートメント JavaScript ノート JavaScript 変数 JavaScript データの種類 JavaScript オブジェクト JavaScript 関数 JavaScript スコープ JavaScript イベント JavaScript 文字列 JavaScript 演算子 JavaScript 比較します JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 型変換 JavaScript 正規表現 JavaScript エラー JavaScript デバッギング JavaScript 可変リフト JavaScript strictモード JavaScript 不適正使用 JavaScript フォーム認証 JavaScript 予約済みキーワード JavaScript JSON JavaScript void JavaScript コードの仕様

JS 関数

JavaScript 関数定義 JavaScript 関数の引数 JavaScript 関数呼び出し JavaScript クロージャ

JS HTML DOM

DOM 簡単な紹介 DOM HTML DOM CSS DOM イベント DOM EventListener DOM 要素

JS 応用チュートリアル

JavaScript オブジェクト JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp オブジェクト

JS ブラウザ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ポップ JavaScript 時間指定イベント JavaScript Cookies

JS 倉庫

JavaScript 倉庫 JavaScript テスト jQuery JavaScript テスト Prototype

JS 例

JavaScript 例 JavaScript Objectインスタンス JavaScript ブラウザのオブジェクトインスタンス JavaScript HTML DOM 例 JavaScript サマリー

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト

JavaScriptのオブジェクト

JavaScriptのオブジェクトデータは、属性とメソッドを持っています。


現実のオブジェクト、プロパティ、およびメソッド

実生活では、車はオブジェクトです。

目的は、このような重さや色などの属性を持ち、ストップを開始する、などの方法:

オブジェクト プロパティ ウェイ

car.name =フィアット

car.model = 500

car.weight = 850キロ

car.color =白

car.start()

car.drive()

car.brake()

car.stop()

全ての車は、これらの特性を有しているが、それぞれの車の特性が異なっています。

全ての車は、これらのメソッドを持っているが、それらが実行される時間が異なります。


JavaScriptのオブジェクト

JavaScriptでは、ほとんどすべてのものがオブジェクトです。

ノート JavaScriptでは、オブジェクトは、オブジェクトを理解するとき、あなたはJavaScriptを学ぶことができる非常に重要です。

あなたが割り当てJavaScript変数を学んできました。

「フィアット」の値を設定する変数の車のため次のコード:

VAR車 = "フィアット";

オブジェクトは変数ですが、オブジェクトが複数の値(複数の変数)を含むことができます。

VAR車= {タイプ:「フィアット 」、モデル:500、カラー: "白"};

上記の例では、変数車3つの値(「フィアット」500、「白」)。

上記の例では、変数車3つの変数(型、モデル、色)。

ノート JavaScriptオブジェクトは、変数のコンテナです。


オブジェクト定義

あなたは、JavaScriptオブジェクトを定義し、作成するための文字を使用することができます。

するvar人= {firstNameの"ジョン "、lastNameの:「ドウ」、年齢:50、eyeColor: "青"};

»をお試しください

カスタムJavaScriptオブジェクトを複数行にまたがることができ、改行とスペースが必要とされていません。

するvar人= {
firstNameの"ジョン"、
lastNameの:「ドウ」、
年齢:50、
eyeColor: "青"
};

»をお試しください


オブジェクトのプロパティ

あなたは「JavaScriptのオブジェクトは変数のコンテナです。」と言うことができます

しかし、我々は通常、「JavaScriptオブジェクトがコンテナの鍵となります。」と思います

コロンで区切られたキー値を持つ値:キーと値のペアは、通常、 名前のように書かれています。

JavaScriptオブジェクトのキーと値のペアは、通常、 オブジェクトのプロパティと呼ばれています

ノート JavaScriptのオブジェクトはコンテナの属性変数です。

に似た表現へのオブジェクトキー:

  • PHPの連想配列
  • 辞書内のPython
  • C言語のハッシュテーブル
  • Javaのハッシュマップ
  • RubyとPerlのハッシュテーブル

Accessオブジェクトのプロパティ

次の2つの方法で、オブジェクトのプロパティにアクセスすることができます。

例1

person.lastName;

»をお試しください

例2

[ "lastNameの"];

»をお試しください


オブジェクトメソッド

この方法は、関数オブジェクトを定義し、オブジェクトの属性として格納されています。

(関数として)()の呼び出しを追加することによって、オブジェクトのメソッド。

オブジェクトのfullName()メソッドにアクセスした人の例:

名前= person.fullName();

»をお試しください

あなたは、関数によって返された文字列として定義されている対象者FullNameプロパティにアクセスする場合:

= person.fullNameに名前を付けます。

»をお試しください

ノート JavaScriptオブジェクトは、コンテナのプロパティとメソッドです。

次のチュートリアルでは、知識の関数、プロパティ、およびメソッドについての詳細を学びます。


オブジェクトアクセス方法

あなたは、オブジェクトのメソッドを作成するには、次の構文を使用することができます。

methodNameの:関数(){コード行}

あなたは、オブジェクトのメソッドにアクセスするには、次の構文を使用することができます。

objectName.methodName()

属性としてpersonオブジェクト、のfullNameなど、通常のfullName()メソッド。

JavaScriptオブジェクトを作成、使用、および変更する方法はいくつかあります。

プロパティとメソッドを作成、使用、および変更するためのさまざまな方法もあります。

ノート 以下のチュートリアルでは、知識のオブジェクトの詳細を学びます。


より多くの例

私は、JavaScriptオブジェクトを作成します

JavaScriptオブジェクトを作成しますII

AccessオブジェクトのプロパティI

アクセスオブジェクトのプロパティII

アクセスするための手段としての機能属性

属性アクセスなどの機能属性