配列の要素の中に含まれる数をカウントしたい。

Question

下記のようなデータ配列のsub_subにあたる部分をカウントし、
consoleにて、下記のように表示させたいと思っております。

3
1

const items = [
    {
        id: "1",
        name: "a",
        sub: [
            {
                id: "1#1",
                name: "b",
                sub_sub: [
                    { id: "1#1#1", name: "b-a" },
                    { id: "1#1#2", name: "b-b" },
                ]
            },
            {
                id: "1#2",
                name: "c",
                sub_sub: [
                    { id: "1#2#1", name: "c-a" },
                ]
            },
        ]
    },
    {
        id: "2",
        name: "d",
        sub: [
            {
                id: "2#1",
                name: "e",
                sub_sub: [
                    { id: "1#2#1", name: "e-a" },
                ]
            }
        ]
    },
]

ちょっとデータがごちゃとしているのですが、
やりたいことは、
name:"a"とname:"d"に含まれているsub_subの配列の数をカウントし、
表示させたいと思っております。
コードを作成したのですが、現状、下記のようなエラーメッセージが表示され実行できない状況です。

Cannot read property 'items' of undefined at sub_lenght_calc

どなたかご教示いただけませんでしょうか？
私が作成したコードは下記です。お願い致します。

function sub_lenght_calc(id:any){
        if(this.items.sub.sub_sub.length !== 0){
                for(let i = 0; i<this.items.sub.length ;i++){
                    const sub_sub_lenght = this.items.sub.sub_sub.forEach((element:any) => {
                      return  element.length ++
                    });
                }
                console.log(this.sub_sub_lenght);
        }

    }

sub_lenght_calc()

Comments

[y_waiwai]

エラーメッセージを、いらぬ翻訳省略しないで、コピペでそのまま提示しましょう

[takochan1192]

失礼致しました。修正致しました。

Answer 1

this.itemsではなくitemsでいいと思います。
また、ちょくちょく対象プロパティが配列であるということを意識していない記述が見られたので改変していますが、以下のようなコードでどうでしょう？

const items = [
    {
        id: "1",
        name: "a",
        sub: [
            {
                id: "1#1",
                name: "b",
                sub_sub: [
                    { id: "1#1#1", name: "b-a" },
                    { id: "1#1#2", name: "b-b" },
                ]
            },
            {
                id: "1#2",
                name: "c",
                sub_sub: [
                    { id: "1#2#1", name: "c-a" },
                ]
            },
        ]
    },
    {
        id: "2",
        name: "d",
        sub: [
            {
                id: "2#1",
                name: "e",
                sub_sub: [
                    { id: "1#2#1", name: "e-a" },
                ]
            }
        ]
    },
]

function sub_lenght_calc(){
  items.forEach((item) => {
    if(item?.sub?.length > 0) {
      const sub_sub_count = item.sub.reduce((acc, val) =>{
        return acc + val?.sub_sub?.length || 0;
      },0);
      console.log(sub_sub_count);
    }
  });
}

sub_lenght_calc();

出力

3
1

Comments

[takochan1192]

ありがとうございます。なかなか作れず非常に困っておりました。
本当に助かりました。ありがとうございました。