配列の件数を取得したい

Question

すみません。教えてください。
以下の配列があります。

const tags = [
    {
        "indices": {
            "start": 7,
        },
        "cssClass": "pink"
    },
    {
        "indices": {
            "start": 86,
        },
        "cssClass": "blue"
    },
    {
        "indices": {
            "start": 114,
        },
        "cssClass": "blue"
    }
]

この値から件数を取得してpinkは1件blueは2件をいう結果が欲しいです。
Object.keysを使ってうまい具合にcssClassから抽出できればいいなと思ってたんですが思うようにいかず...。

console.log(Object.keys(this.tags).length);

どなたかわかる方ご教示の程よろしくお願いいたします。

Comments

[miyabi_pudding]

あくまでTypeScript上で、ということでよろしいでしょうか？
（型の制約があるため、若干難易度変わる）

Answer 1

TypeScriptならば、下記のように、
型を定義した方が、圧倒的に処理がしやすいでしょう。

interface Indices {
  start: number
};

interface Tag {
  indices: Indices,
  cssClass: string
};


const tags: Tag[] = [
  {
    indices: {
      start: 7
    },
    cssClass: "pink"
  },
  {
    indices: {
      start: 86,
    },
    cssClass: "blue"
  },
  {
    indices: {
      start: 114,
    },
    cssClass: "blue"
  }
];

const count: {[key: string]: number} = tags.reduce((acc, cur) => {
  if (cur.cssClass in acc) {
    acc[cur.cssClass]++;
  } else {
    acc[cur.cssClass] = 1;
  }
  return acc;
}, {});

JavaScriptならば、interfaceなど、型の定義部分を外すだけでいけるかと。

Comments

[inukujira]

ありがとうございます！無事に思ったような実装ができました！

Answer 2

const count=Object.fromEntries([...new Set(tags.map(x=>x.cssClass))].map(x=>[x,tags.filter(y=>y.cssClass==x).length]));
console.log(count);