JavaScriptのエラーについて

Question

前提・実現したいこと

コードの作り手側の意図が知りたい。

発生している問題・エラーメッセージ

javascriptでanimationのコードを試していました。animationなので非同期のコードです。自分ではthrowなどのエラー処理は何もしていません。コードを実行していたらconsoleに赤字のエラーがでました。対象のコードをtry-catchで囲って、e.nameとe.messageでエラーの原因を見たのですがundefinedでした。console.log(e)でe自体を見ると下記のような配列の羅列でした。

(200) [Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), Array(2), …]

普通は何かをthrowする場合、デバックするためにErrorオブジェクトを作成してエラーメッセージを返すと思います。しかしエラーメッセージはなく配列のみを返してるわけです。もしみなさんがアプリの開発者だとしたら、エラーメッセージを付けずに値のみを返すような場面が過去にあったでしょうか？　あったとしたらそれはどのような意図でそのようなことをしたのでしょうか？
もちろん自分ではthrowはしていませんし、ライブラリはD3jsを使用しているのですが、D3jsのソースコードをダウンロードしてthrow部分を見たのですが値のみをthrowしている場所がありません。となるとJavaScript本体ということになるのですが。

Comments

[m.ts10806]

console.table()
console.error()
も試してみてください。

[takahashi-one]

回答ありがとうございます。
console.error(e)のほうはconsole.log(e)と同じで、配列がズラーっと表示されます。
console.table(e)のほうは配列がテーブル表示されます。console.error(e)よりも配列の中身が見やすくなりました。

データが欠損しているとかはありませんでした。

[AkitoshiManabe]

> ドロップダウンリストで種類を変更した時に1回だけエラー
イベントリスナの記述に問題があるのでしょうけど、当該ソースが示されていない。メソッドチェーンを実現するライブラリ名が不明である。…など、「色々あるが察しろ」という無理難題になっています。条件は明記してください。

[takahashi-one]

回答ありがとうございます。コードを追加しました。

[m.ts10806]

コードやログなどは平で提示されると読みにくくインデントもないので、マークダウンでご提示ください。
https://teratail.com/questions/238564

[takahashi-one]

回答ありがとうございます。マークダウン記法にしました

Answer 1

エラーの原因が知りたい。
コードを実行していたらconsoleに赤字のエラーがでました

その時に示されるエラーメッセージとスタックトレースも確認してください。
エラー発生した箇所として 実行された関数、ファイル名、行、桁 が示されているはずです。

再帰呼び出しでアニメーションを実現しているのであれば、条件をつけて止める事も考えます。

let count = 0; // 繰り返し回数のカウンタ
function plot(){
    path.data(d1)
        .transition()
            .delay(1000)
            .duration(1500)
            .attr("d", area)
            .end()
            .then(() => {
               if(count++ < 3) // prot() の再帰を 3回に制限する。
                 plot();
               
            }).catch((e) => {
                console.log(e);
            })
}

Comments

[takahashi-one]

回答ありがとうございます。ただ、質問にも書きましたが、
e.nameとe.messageともにundefinedです。
要するに
try{
//code...
}catch(e){
console.log(e); この表示が配列のみなのです。
}
ご理解頂けたでしょうか。

[AkitoshiManabe]

>consoleに赤字のエラーがでました
スタックトレースの情報からエラー箇所を特定できます。
console call stack で検索しました。
https://www.html5rocks.com/ja/tutorials/developertools/async-call-stack/

[takahashi-one]

回答ありがとうございます。全部私が悪いのです。実は一番最初はもっと長い質問だったのです。これでは長すぎて誰も読んでくれないなと思い、だいぶカットしてしまいました。確かにこの質問ではアニメーションの途中でエラーがでているように、だったらアニメーションを止めてデバックできますよとなりますね。すいませんでした。ちょっと自分で考えてみます。ありがとうございました。