Javascriptメソッド

| | | |

JavaScriptには、これらのオブジェクトを操作するために使用できるすべての種類のメソッドを持つObjectクラスがあります。この記事では、Object.assign()メソッドを見て、その使用方法を示します。

オブジェクトはJavaScriptのデータ型であり、次のようになっています。 Pythonの辞書。これには、キーと呼ばれる値のペアがあります。アイテムがあるとしましょう。それをハリーと呼びましょう。キー:値のペアは次のようになります:

この状況でのテーマの経験則では、コロンの左側にあるプロパティの名前がキーであり、右側にあるものが値です。キーと値のほとんどは非常に単純です。少し危険な可能性があるのは、最後のプロパティであるペットだけです。ここでは常にペットが鍵となります。ただし、値は、他に2つのキーペアを持つオブジェクトです:value。これをネストされたオブジェクトと呼びます。

Object.assign( target ,,ĶsourceObjs);

assign()は、1つ以上のソースオブジェクトを取得し、それらをターゲットオブジェクトにコピーするために使用できます。コードに直接移動して、コードの機能を確認しましょう。

コードを一緒に公開しましょう。 hpCharというリテラルオブジェクトから始めましょう。このhpCharには、名、姓、年齢、居住地、ペットがいます。このペットプロパティはそれ自体がオブジェクトであり、それ自体でいくつかのキーと値があります。

次に、ここで説明するメソッドの最初のインスタンスがあります。 Object.assignは、2つ以上のパラメーターを受け入れます。 1つ目は、値を割り当てるターゲットオブジェクトです。常に。この場合、それは空のオブジェクトです。

2番目のパラメーターは、上記で定義したオブジェクトです。これは、ターゲットオブジェクト(最初のパラメーター)に割り当てるために使用するソースマテリアルです。

次の行は、結果をコンソールに保存します。

大した違いはありませんよね?これは、hpCharを空のオブジェクトに割り当てたためです。基本的にオブジェクトのクローンを作成しました。もう一度行う必要があるが、特定の値を変更する必要がある場合はどうなりますか?今回は空のオブジェクトの代わりに、それをhpCharオブジェクトに置き換えましょう。これが今回の目標です。 2番目のパラメータのいくつかの値を変更してみましょう。同じキーを保持している限り、値を試すことを躊躇しないでください。

ここに値を置き換えます。ターゲットオブジェクトの値を変更しない場合は、ソースオブジェクトの値を明示的に取得する必要はありません。

2回目に結果をコンソールに保存すると、ターゲットオブジェクトが返され、プロパティが新しい値で上書きされます。これで、コンソールは次のようになります。

これは、同じプロパティを持つ2つのオブジェクトを接続するものです。プロパティが異なる3つのオブジェクトをマージした場合はどうなりますか?

Obj1はobjターゲットです。 Obj2とobj3はソースオブジェクトです。これらはターゲットオブジェクトにマージされます。プロパティが重複しないため、すべてのプロパティがそれぞれの値でobj1にマージされます。

ここに行きます! Object.assign()の実用的な実装。ここでの概念を理解すると、JavaScriptフレームワークの学習に一歩近づきます!

詳細を確認する準備はできましたか?

これらのチュートリアルをチェックして、学習を深めてください...

JavaScript Object.keys()

シートJavaScriptのステップバイステップガイド

< a href = "/ javascript-typeof/">JavaScriptタイプ

JavaScriptチェーンに含まれるもの:ステップバイステップガイド

JavaScript変数

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method