JavaScriptオブジェクトについて知っておくべきことすべて



JavaScriptオブジェクトに関するこのブログでは、例を使用してjavascriptで新しいオブジェクトを定義および作成するためのさまざまなメソッドに関する詳細な知識を提供します。

オブジェクト指向プログラミング言語です。オブジェクトは、最も重要なデータ型と見なされるビルディングブロックを形成しますプログラミング言語用。この記事では、JavaScriptオブジェクト、それらが次の順序で作成および定義される方法についての深い知識を提供します。

JavaScriptオブジェクト

オブジェクトは、さまざまな属性とプロパティで構成される実際のオブジェクトに似ています。これらのオブジェクトは、プリミティブ型または参照型の関連データの順序付けられていないコレクションとして定義されます。これらは「キー:値」のペアの形式で定義されます。





JavaScript-javascriptオブジェクト-Edureka

これらのキーは変数または 機能 これらは、オブジェクトのプロパティおよびメソッドと呼ばれます。 JavaScriptオブジェクトは次のように作成できます。



Let ObjectName = {Property1: 'Value'、Property2: 'Value'、... ...}

新しいオブジェクトを作成する方法は?

新しいオブジェクトを作成するには、次の3つの方法があります。

  • オブジェクトリテラルによる

構文:

object = {property1:value1、property2:value2 ..... propertyN:valueN}

例:



employee = {id:700、name: 'Evan'、salary:30000} document.write(employee.id + '' + employee.name + '' + employee.salary)

出力:

700エヴァン30000
  • オブジェクトのインスタンスを作成する

構文:

var objectname = new Object()

例:

var emp = new Object()emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write(emp.id + '' + emp.name + '' + emp.salary)

出力:

701カラン40000
  • オブジェクトコンストラクタを使用する

関数は引数を使用して作成されます。各引数値は、を使用して現在のオブジェクトに割り当てることができます この キーワード。

例:

function employee(id、name、salary){this.id = id this.name = name this.salary = salary} emp = new employee(702、 'Neha'、35000)document.write(emp.id + '' + emp .name + '' + emp.salary)

出力:

702ネハ35000

プロパティ

プロパティ オブジェクトのは 変数 それはオブジェクトに添付されています。オブジェクトへのアタッチメントを除いて、基本的にJavaScript変数と同じです。

Javaで参照渡し

オブジェクトのプロパティは、オブジェクトの特性を定義します。次のような単純なドット表記を使用して、オブジェクトのプロパティにアクセスできます。

objectName.propertyName

プロパティに値を割り当てることで、プロパティを定義できます。たとえば、という名前のオブジェクトを作成しましょう それに次のようなプロパティを与えます 会社、モデル 、および 。次のように定義できます。

var Car = new Object()Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

メソッド

方法関数 オブジェクトに関連付けられています。これは、オブジェクトのプロパティでもあります。メソッドは通常の関数として定義されていますが、メソッドとして割り当てる必要があります プロパティ オブジェクトの。

オブジェクトメソッドには、次のようにアクセスできます。

objectName.methodName()

例:

var person = {firstName: 'Tessa'、lastName: 'Den'、empid:7100、fullName:function(){return this.firstName + '' + this.lastName}}

出力:

テッサデン

一般的に使用される組み込みメソッドのいくつかは次のとおりです。

メソッド 説明
Object.assign() 列挙可能な独自のプロパティをソースオブジェクトからターゲットオブジェクトにコピーするために使用されます
Object.create() 指定されたプロトタイプオブジェクトとプロパティを使用して新しいオブジェクトを作成するために使用されます
Object.defineProperty() プロパティの動作属性を定義するために使用されます
Object.entries() それは アレイ キーと値のペアを使用
Object.freeze() 既存のプロパティが削除されるのを防ぎます

アクセサー

JavaScriptアクセサーはで構成されています ゲッター そして セッター オブジェクトアクセサを定義するために使用されます。

  • Getキーワード

例を見て、その方法を見てみましょう ゲッター に慣れた 取得する プロパティの任意の値:

var person = {firstName: 'Daisy'、lastName: 'Green'、empid:401、get id(){return this.empid}} document.getElementById( 'demo')。innerHTML = person.id

出力:

401
  • Setキーワード

例を見て、その方法を見てみましょう セッター に慣れた セットする プロパティの任意の値:

var person = {firstName: 'Daisy'、lastName: 'Green'、empid:00、set id(value){this.empid = value}} person.id = 401 document.getElementById( 'demo')。innerHTML = person .empid

出力:

401

プロトタイプ

すべてのJavaScriptオブジェクトは、プロトタイプからプロパティとメソッドを継承します。例えば:

  • 日付 オブジェクトはから継承します Date.prototype
  • アレイ オブジェクトはから継承します Array.prototype
  • オブジェクトはから継承します Person.prototype

JavaScript プロトタイプ プロパティは、オブジェクトコンストラクタに新しいプロパティを追加するために使用されます。

例:

function Person(first、last、id、age){this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

プロトタイププロパティを使用すると、オブジェクトコンストラクタに新しいメソッドを追加することもできます。

例:

function Person(first、last、id、age){//コンストラクターにメソッドを追加するthis.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function(){return this.firstName + '' + this.lastName}

独自のプロトタイプを変更することはできますが、標準のJavaScriptオブジェクトのプロトタイプを変更することはできません。

配列をソートする方法c ++

これで、記事は終わりです。 JavaScriptオブジェクトとそれらを定義するためのさまざまなメソッドを理解していただければ幸いです。

JavaScriptオブジェクトについて理解したので、 Edurekaによる。 Web開発認定トレーニングは、HTML5、CSS3、Twitter Bootstrap 3、jQuery、およびGoogle APIを使用して印象的なウェブサイトを作成し、Amazon Simple Storage Service(S3)にデプロイする方法を学ぶのに役立ちます。

質問がありますか? 「JavaScriptオブジェクト」のコメント欄にその旨を記載していただければ、折り返しご連絡いたします。