配列からテーブルを作成したい

Question

前提・実現したいこと

Javascriptでカンマで区切られた配列からテーブルを作成したいと思っています。
配列には「ID、名称、～、製品番号、ID、名称、～、製品番号」というようにいくつかのまとまりが繰り返されています。
そこで、それぞれのまとまりごとにテーブルに表したいのですがうまくいきません。
配列通りそのまま横につながった状態や、かたまりごとに改行されるような形はできたのですが、理想のようになりません。
理想↓
ヘッダ　ID　名称　　～　製品番号
1 製品A　～　001
2 製品B　～　002
このような形のテーブルにはできないでしょうか？
有識者のみなさんのアドバイスをいただけたら幸いです。

該当のソースコード

for (var i = 0; i < parts.length; i++) {
     table += "<tr>"
         for (var p = 0; p < 8; p++) { //８は表示したいまとまりの項目数です
                    let partsLst = (String(parts)).split(/[,]/g);
                    table += "<td>" + carPartsLst[p] + "</td>";
         }
}
     table += "</tr>"

試したこと

上記の状態だと製品Aが下にずっと続きます。
右に製品B、C・・・とつながっています。(p<8で切っているので実際は製品Aの情報のみ表示される）

table += "<tr>" + "<td>" + carPartsSP[p] + "</td>" + "</tr>"
こうすると、各レコード(ID・名称、、、)がそれぞれ改行されてしまいます。

Comments

[退会済みユーザー]

> 「ID、名称、～、製品番号、ID、名称、～、製品番号」

"～"の部分は個数は固定でしょうか。それとも各IDごとにかわるのでしょうか

[teddy1121]

yonakororinさん、ありがとうございます。
～の項目数は固定です。
よろしくお願いします。

Answer 1

各かたまりの中の要素数をNとすると、i をNで割った余りで何番目の列の要素か、ということがわかります。
余り0が先頭、余りN-1が末尾なので、そのタイミングで適切にtrで区切ればうまくいきそうです。

for (var i = 0; i < parts.length; i++) {
    if( i%N == 0) {
        // 行の先頭
    }
    if( i%N == N-1 ) {
        // 行の末尾
    }
}

Comments

[退会済みユーザー]

あれ？partsという配列って
「ID、名称、～、製品番号、ID、名称、～、製品番号」
という形で1次元に全データが並んでいるのかと思ったのでしたが、誤解でしたでしょうか

[teddy1121]

はい、こんな感じで並んでいます。
1,モーター,～,001,2,エンジン,～,002。。。
accessからsqlでテーブルを読みだしているのですが、csvと違って改行が入らないのでひたすら連続したデータになってしまっていますT_T

[teddy1121]

ku__ra__geさんに教えていただいた方法で表現することができましたが後学のために引き続き教えていただけたら幸いです。

[退会済みユーザー]

自分の回答だと各固まりに分けるところまでで止まってました。
改行まではできていたとなると、そこから先が必要でしたね…
すみません。

[teddy1121]

とんでもないです！
先頭と末尾を割り出す方法を教えていただけただけで感謝です！
任意の場所で区切る方法も探ったのですがなかなかうまくいかなかったので教えて頂いたものを自分なりに理解して今後に活かしていきます！

Answer 2

こうすれば望む動作になると思います。

var parts = [
  "a1,b1,c1",
  "a2,b2,c2",
  "a3,b3,c3",
];
var table = "";
	for (var i = 0; i < parts.length; i++) {
	table += "<tr>"
	var partsLst = (String(parts[i])).split(/[,]/g);
	for (var p = 0; p<partsLst.length; p++) {
		table += "<td>" + partsLst[p] + "</td>";
	}
	table += "</tr>"
}

Comments

[teddy1121]

ku__ra__geさん！
感動です！
求めていた通りのテーブルができました！やっぱり詳しい方に聞くのが一番ですね。
1日悩んでいたのがあっという間に解決されました^^
ありがとうございました！！