JavaScriptで配列の中身を空にしたい

Question

前提・実現したいこと

配列の中身を空にしたいです。下記のコードを書いてみましたが、中身がリセットされません。
どうすれば配列の中身をリセットして全て空にできるでしょうか？
なお下記のコードの構造は変えたくありません。

該当のソースコード

const str = "Hello";
this.post_data.str = str;

const arr = ['a','b','c','d','e','f'];
this.post_data.arr = arr;

reset() {
this.post_data = {
  str: "", //これは消えてくれる
  arr: []  //これは消えてくれない
  };
},

Comments

[m.ts10806]

提示コードではエラーになります。エラーの出ない、再現確認可能なコードを提示してください。

Answer 1

本当ですか？
手元のChromeで確認したらpost_data.arrはバッチリ空の配列になってますが、何が消えないのですか？

let post_data = {};

const str = "Hello";
post_data.str = str;

const arr = ['a','b','c','d','e','f'];
post_data.arr = arr;

post_data = {
  str: "",
  arr: []
};

console.log(post_data.arr); // []

というか質問文のカンマは何？という話で、このままベタッとコピペすると構文エラーで動きません。
何を端折ったかがとても重要です。

恐らくthis周りの解決が上手くできてないのでしょう。
結論コードが出てこない限り回答者側としては答えようがありません。
恐らく質問文は機密情報なので端折ったコードしか提供出来なかったという事情がありそうなので、もしそうなら詰みです。

JavaScriptのthisは状況に応じて4パターンの意味合いに変化するクソオブクソで、
thisが原因のバグは極めて多く、多数のエンジニアが苦しめられてきました。
ES2015以降に追加された機能は極力thisに依存しないコードを書いていける修正ばかりになっています。

thisの扱いならJavaScript Ninjaの極意が詳しかったと思うので、
構造を変えられないならthisをどう扱うか勉強してみてください。

Answer 2

const str = "Hello";
this.post_data.str = str;

const arr = ['a', 'b', 'c', 'd', 'e', 'f'];
this.post_data.arr = arr;

reset();

function reset() {
    this.post_data = {
        str: "",
        arr: []
    };
}

もしくは

post_data = {
    str: "",
    arr: [],
    reset: function() {
        this.str= '';
        this.arr = [];
    },
};

const str = "Hello";
this.post_data.str = str;

const arr = ['a', 'b', 'c', 'd', 'e', 'f'];
this.post_data.arr = arr;

this.post_data.reset();

Answer 3

thisってなんでしょう？
普通に使うとwindowになりそうですが・・・

arrを空にするなら[]を代入してみては？

this.post_data.arr = [];

Answer 4

配列の記法やリセットの方法ではなく https://teratail.com/questions/94442 に近いvue.jsの作法の問題だったようです。回答いただいた皆さまありがとうございました。