JavaScript オブジェクトとは何かを簡単に説明する

醉折花枝作酒筹
リリース: 2021-07-15 14:30:59
オリジナル
2415 人が閲覧しました

JavaScript には変数と関数しかありません。変数はデータを保持し、関数は実行される特別なアクションです。 JavaScript オブジェクトは、変数と関数を 1 つのユニットに保持し、それらを完全なエンティティとしてカプセル化する単なる変数です。

JavaScript オブジェクトとは何かを簡単に説明する

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

#JavaScript オブジェクトとは

JavaScript の世界には、変数と関数の 2 つしかありません。

「変数はデータを保持し、関数は実行される特別な動作です。」 変数には、int、string、float 型、またはオブジェクト型を使用できます。

「JavaScript オブジェクトは、変数と関数を 1 つのユニットに保持し、それらを完全なエンティティとしてカプセル化する単なる変数です。」

JavaScript オブジェクトについて理解する

In JavaScript オブジェクトを理解するために、大規模な Asp.net MVC プロジェクトや Web フォーム プロジェクトを作成する必要はありません。これは、単純な HTML ファイルで実行できます。

ステップ 1. Visual Studio を開きます。 [ファイル] > [新規作成] > [ファイル] をクリックします。次の画面ステップ 2 で HTML

を選択します。次のように JavaScript オブジェクトを作成します。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
var Customer =
{
Name: &#39;Anan Kumar&#39;, Address: &#39;USA&#39;
};
</script>
</head>
<body>
</body>
</html>
ログイン後にコピー

ステップ 3.以下に示すように、JavaScript オブジェクト内のプロパティにアクセスするには、「ドット (.)」構文を使用します。

alert(Customer.Name);
ログイン後にコピー

ステップ 4. Cntr S を押し、わかりやすい名前を付けてファイルを保存します。

ステップ 5.お気に入りのユーザーで HTML ファイルを開いて、アプリケーションをテストします。

Array JavaScript オブジェクト

Array - 同じタイプの要素のコレクションとして定義されます。幸いなことに、JavaScript オブジェクト配列も使用できるということです。

ステップ 1. 最初のステップは上記と同じです。 ######ステップ2。次のステップでは、以下に示すように JavaScript オブジェクトの配列を作成し、それにアクセスします (

var Customers =
[
{
Name: &#39;Anan Kumar&#39;, Address: &#39;USA&#39;
},
{
Name: &#39;Rajav Kiran&#39;, Address: &#39;UK&#39;
},
{
Name: &#39;Pappu Dabbawala&#39;, Address: &#39;USA&#39;
}
];
 

alert(Customers[0].Name);
ログイン後にコピー

ステップ 3)。ページを保存し、実行してテストします。

概要

オブジェクトの外側の層は {} で含まれ、内側の層は, で区切られますが、オブジェクト配列では [] が使用されます。他の言語、C や C と同様に、ここでも配列記号は [] です。

[推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScript オブジェクトとは何かを簡単に説明するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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