logosuzu6
menu
schedule2019-02-15

JavaScriptの配列で要素のカウントと連想配列にする方法

JavaScript

配列で特定の要素をカウントする方法についてです。 filterを使うと簡単に書けます。

要素をカウントする

ワンライナーで書けます。

let array = ['hoge', 'piyo', 'hoge', 'piyo', 'hoge'];

// 要素数を数える
let count =array.filter(function(x){return x==='hoge'}).length;

console.log(count);
// 3

要素と要素数の連想配列を作る

使う機会がありそうな要素数の連想配列を返す関数を作ってみた。

let array = ['hoge', 'piyo', 'hoge', 'piyo', 'hoge']


function toCountDict(array){
  let dict = {};
  for(let key of array){
      dict[key] = array.filter(function(x){return x==key}).length;
  }
  return dict;
}

console.log(counts(array));
// { "hoge": 3, "piyo": 2 }

もっときれいなコードの書き方はあると思うが、とりあえず目的の連想配列が出来ている。

【Electron】PCのスリープと起動イベントを検知する

ElectronNodejsJavaScriptTypeScriptschedule2021-09-06

axiosでリクエスト中の処理をキャンセルする

JavaScriptNodejsschedule2021-08-31

electron-builderとnsisでWindowsアプリのインストーラの設定まとめ

ElectronまとめNodejsJavaScriptWindowsschedule2021-08-28

electron-builderとnsisでインストーラにスタートアップのチェックボタンを付ける

ElectronNodejsJavaScriptWindowsschedule2021-08-28

Node.jsでChrome.exeを起動してページを開く方法

NodejsJavaScriptWindowsschedule2021-08-25

【p5js】パーリンノイズとeraseを使ったブックカバー#PCD2021

p5jsProcessingPCD2021JavaScriptschedule2021-02-20

【p5js】砂丘の砂紋のアニメーション#PCD2021

p5jsProcessingPCD2021JavaScriptschedule2021-02-17

個人の技術ブログを作り直しました（３回目）

ブログNuxtjsVuejsTypeScriptJavaScriptNetlifyschedule2020-12-19

nuxt/contentでサイトマップを作る

NuxtjsVuejsTypeScriptJavaScriptschedule2020-12-16

remarkでnuxt/contentのマークダウン書式を拡張する

NuxtjsVuejsTypeScriptJavaScriptschedule2020-12-13