Array.fromの疑問点について

Question

以下のコードについて疑問点があり、質問させて貰いました。

  let test = Array.from(document.querySelectorAll('input_box')).map(q => {
          return parseInt(Array.from(q.querySelectorAll('input')).map(i => i.value).join('') || 0);
        })

疑問点は２点あります。
１点目は、変数testの結果は、以下のように一次元配列になっていますが、Array.fromを入れ子にしているということは二次元配列になっているのではないかと思います。
こちらは何故一次元配列になっているのでしょうか。

[0, 0, 0, 0, 13, 23, 55]

２点目ですが、parseInt関数の末尾に、|| 0こちらの条件式が追加されていますが、i.valueの値がどのようなものであれば、「0」が返されるのでしょうか。
以上、上記２点につきまして、ご助言頂けましたら幸いです。

Answer 1

Array.fromを入れ子にしているということは二次元配列になっているのではないかと思います。

map内では、いったんは配列を作っていますが、その後にjoinして1つの値にしています。

i.valueの値がどのようなものであれば、「0」が返されるのでしょうか。

個々のi.valueに対する評価ではありません。

Array.from(q.querySelectorAll('input')).map(i => i.value).join('')が空文字列であった場合、ということになります。

Comments

[jjj001]

ご回答ありがとうございます。
分かりやすいご説明で、疑問点を解消することが出来ました。