指定の配列を削除したいのですが、うまくいきません。
datas.value.splice(idx,1))を使った配列の最後尾が消されてしまいました。
delete datas.value[idx])を使ったTypeError: Cannot read properties of undefined (reading 'data')
参考
let ret = datas.value.filter(data =>
data != datas[idx]
)
datas.value = ret;
削除できませんでした。
Githubにあります。
src/docs/docs.vueの51行目~のremove関数が配列削除関数です。
splice メソッドを2引数で呼び出したときの仕様を見れば分かることですが、第1引数（インデックス）に負の値を与えると、配列の末尾から数えて第2引数で指定した個数分の要素を削除します。
つまり、質問のコードでは idx が -1 だったことになります。 idx をセットするコードが正しく動くかを確認してください。
なお、このような場合は闇雲に filter や delete を試すのではなく（どちらも idx が負のせいで失敗しています）、 splice についてのドキュメントを読んだり console.log(idx) で値を確認したりするのを優先すべきです。
Array.values()はありますが、Array.value()はないでしょう？
To be single or to be muti, that is the question.
実現したい動きは「配列のn番目の要素を除いた新しい配列を作る」であっているでしょうか。そうであればfilterが適当ですが、配列datasの中身がObjectのため全要素の比較結果がfalseとなっているのではないかと思います。
currentIdx.valueをfilter関数の第2引数と比較してはどうでしょうか。
let idx = currentIdx.value;
let ret = datas.value.filter((data, index) => idx != index)
ここで言う datas は 前行の通り Ref<T[]> であるので .value をつけ忘れているだけでは？
let ret = datas.value.filter(data =>
- data != datas[idx]
+ data != datas.value[idx]
)
@TNTSuperMan
Questionerそこは凡ミスでしたね。すみません。
すみません、原因が分かりました。
Vueのコンポーネントを更新出来ていませんでした
Vueの開発者ツールなどでよく確認するとちゃんと削除出来ていました。すみません。