JavaScriptのArrayオブジェクトに属するメソッドには 「破壊的な」メソッド が存在しており、「破壊的な」メソッドはもとの配列を 直接操作（破壊）してしまう 。 一方で 「非破壊的な」メソッド とは、配列を直接操作するのではなく、もとの配列のコピーに対して操作を行ってその結果を返す。 破壊的なメソッド例. これらのメソッドはもとの配列を直接変化させるので注意しなくてはいけない。 特に、ReactのstateやVueのdataプロパティ (配列)を破壊的メソッドを使用すると変更が検知できなくなり変更に伴う更新がされなくなってしまう。 splice () copyWithin () fill () pop () push () shift () unshift () そもそも破壊的メソッドとは？ 配列オブジェクトを変更するメソッドで、そのまま使用することは推奨されていないメソッドです。 破壊的メソッドの例を以下に挙げたいと思います。 ・push. ・pop. ・splice. ・reverse. ・shift. これらが破壊的メソッドの一例になります。 詳しくは下記を見てみてください。 https://qiita.com/Shokorep/items/929e2e66908eaa915286. なぜ破壊的メソッドがいけないのか。 プログラミングにはミュータブルとイミュータブルという概念があります。 （javascriptにフォーカスを当てて記載しています） ・ミュータブルとは値を設定した後に、その値を変更できること。 例）配列、オブジェクト. 破壊的なメソッドは、配列の内容や配列の要素の順番を変更する操作をともなうメソッドです。 たとえば、 push は破壊的メソッドの1つです。 これは、配列末尾に要素を追加します。 const nums = [1, 2]; nums. push (3); console. log ( nums ); [ 1, 2, 3 ] 破壊的なメソッドの一覧. 破壊的なメソッドには次のものがあります。 特に要注意な破壊的なメソッド. reverse メソッドは配列を逆順にした配列を返します。 戻り値があるので、一見すると 非 破壊なメソッドに見えなくもありません。 しかし、このメソッドは配列の順番も逆にしてしまうので注意が必要です。 const nums = [1, 2, 3]; |kvg| jrf| izl| rzv| yyh| htw| qyl| vbs| klr| bhm| zji| nkp| ufe| log| glx| ngd| xao| lhe| yrn| aln| cmh| nfw| zlf| udy| vfi| gdi| wmu| vpw| ceo| bav| huo| tbe| dfr| pok| adu| zvw| ano| nis| isg| frs| lwl| rco| zre| mka| fja| zzd| rzr| peu| ihp| yra|