JSONをjQuery取得で存在しないデータが取得されている

前提・実現したいこと

JSONをjQuery取得しようとしたら不明なデータが挿入されてundefinedが出力されてしまいます。
2次元配列を作成してるので、forで2回ループで取得してます。
JSONバリデートした所、特に問題はなかったので、ループ側でなにか問題が発生してるかと思ってるんですが、
consoleにも何も表示されないので良くわからず困ってます。
いつも使っているソースを流用したので、他ではちゃんと取得できてます。

なにか問題があればご教授いただきたいです…よろしくお願いします。

該当のソースコード

jQuery
1$(function () {
2for (var i in data) {
3            var itemList =
4                '<div id="' + data[i].id + '" class="item-block is-hide">' +
5                '<h3 class="list-name">' + data[i].number + '</h3>' +
6                '<ul>';
7            for (var le in data[i].items) {
8                itemList +=
9                    '<li class="item-name">' +
10                    '<a class="' + data[i].items[le].active + '" onclick="specialGA(' + data[i].items[le].ga + ')" href="' + data[i].items[le].link + '">' + data[i].items[le].name + '<span> ' + data[i].items[le].price + '</span>' + '</a>' +
11                    '</li>';
12            }
13            itemList +=
14                '</ul>' +
15                '</div>';
16            $('.modal-block').append(itemList);
17        }
18});

JSON
1[
2    {
3        "id": "modal-01",
4        "number": "number 01",
5        "items": [
6            {
7                "active": "active",
8                "ga": "'123456'",
9                "link": "#test",
10                "name": "name1",
11                "price": "¥13,200 (tax)"
12            },
13            {
14                "active": "no-active",
15                "ga": "'123456'",
16                "link": "#test",
17                "name": "name2",
18                "price": "¥16,500 (tax)"
19            },
20            {
21                "active": "active",
22                "ga": "'123456'",
23                "link": "#test",
24                "name": "name3",
25                "price": "¥16,500 (tax)"
26            }
27        ]
28    }
29]

試したこと

console.log(data[i].items[le])を出力してみると
ちゃんと数分取得されていましたが、出力するとitemsにundefinedが挿入されます。

###不明なHTML
どんな風に出力されているか画像キャプチャーしました↓

##HTML出力
他のHTMLはしっかり書き出されてます。すみませんリンク先は会社バレちゃうので消してます

##Console出力
console.log(data[i]);を出力してみました

webgoto

2021/08/08 06:19 編集

正しく動作しているように思いますが、どのようにすると、どの部分にundefinedが表示されるのでしょうか？

Ny4g4t0n

2021/08/08 06:40

追記しましたが、添付画像のように最後のリスト部分に何故か追加されてしまいます。

webgoto

2021/08/08 06:48 編集

2度目のforの前にconsole.logを追加してデータの内容を見れば解決につながるかもしれません。 console.log(data[i]);//追加 for (var le in data[i].items) { また、その前の1～3のitem-nameは正しくhtmlがひょうじされているのでしょうか?