Vue.js【配列操作】

Vue.js配列操作

配列に要素を追加

See the Pen VwwbLgJ by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen.

配列から要素を削除

See the Pen bGGWVdW by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen.

v-forの中の(item,index)というところがミソで、配列を展開する際にその要素が配列内で持っているインデックスも取り出すことができます。

↓最大値を求める際のreduce、参考にしたサンプルの通りに書いたのですが、Math.Maxのようなものを使用するイメージが強かったので、参考にしたサイト

qiita.com

配列の要素を更新する

See the Pen xxxdwro by すず@progateでお勉強はじめました (@hpsuzucat) on CodePen.

上記のプログラムでは「なでなで」するとなつき度が上がり、上限の１００までいくとアラートが出るようになっています。