はじめに
この実験では、JavaScript における浅いクローンの概念を探ります。浅いクローンは、元のオブジェクトのすべてのプロパティを持つ新しいオブジェクトを作成しますが、プロパティ自体はクローンされません。代わりに、参照によってコピーされます。これは、元のオブジェクトのプロパティに対して行われた変更が、クローンされたオブジェクトにも反映されることを意味します。この実験を通じて、JavaScript の Object.assign() メソッドを使用してオブジェクトの浅いクローンを作成する方法を理解します。
これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この 初級 レベルの実験の完了率は 100%です。学習者から 100% の好評価を得ています。
オブジェクトの浅いクローンを作成する方法
オブジェクトの浅いクローンを作成するには、Object.assign() と空のオブジェクト ({}) を使用します。以下の手順に従ってください。
- ターミナル/SSH を開き、コーディングの練習を始めるために
nodeと入力します。 - 次のコードを使用して、元のオブジェクトの浅いクローンを作成します。
const shallowClone = (obj) => Object.assign({}, obj);
- オブジェクトをクローンするには、次のように
shallowClone()関数を使用します。
const a = { x: true, y: 1 };
const b = shallowClone(a); // a!== b
この例では、a と b は 2 つの異なるオブジェクトですが、同じ値を持っています。
まとめ
おめでとうございます！浅いクローンオブジェクトの実験を完了しました。スキルを向上させるために、LabEx でさらに多くの実験を行って練習してください。