技術

【javascript】連想配列から特定の条件で新しい配列を作成する

投稿日:

こんにちは

javascriptにはfilterという便利な関数があります。

例えば

 const arr = [
  {
    id: 1,
    name: '太郎',
    userCode: 1,
  },
  {
    id: 2,
    name: '花子',
    userCode: 2,
  },
  {
    id: 3,
    name: '太郎',
    userCode: 1,
  }
]

const arr2 = arr.filter(value => value.userCode === 1)
//[
//  { id: 1, name: '太郎', userCode: 1 },
//  { id: 3, name: '太郎', userCode: 1 }
//]
console.log(arr2)

みたいに特定の条件にあった要素で新しい配列を作成できます。
trueと評価すれば、新しい配列に代入され、falseだとスキップされます。

正規表現でも試してみましょう。
nameの頭文字が”J”の要素のオブジェクトだけで新しい配列を作成してみます。

 const arr = [
  {
    id: 1,
    name: 'Johnny',
    userCode: 1,
  },
  {
    id: 2,
    name: 'Jack',
    userCode: 2,
  },
  {
    id: 3,
    name: 'Bob',
    userCode: 1,
  }
]

const regex = RegExp('^J');

const arr2 = arr.filter(value => regex.test(value.name))
//[
//  { id: 1, name: 'Johnny', userCode: 1 },
//  { id: 2, name: 'Jack', userCode: 2 }
//]
console.log(arr2)

filter関数は便利なのでまだ使ったことのない人は
使ってみてくださいね!

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

[TypeScript]enumを代入記法で書いた場合に、値からキーが取れるか調べてみた。

TypeScriptのenumのドキュメント(TypeScript Deep D …

ASCIIコード表のMarkdown(転用可能)

どうも中田です。 特に意味はないですが、ASCIIコード表をMarkdownで作 …

no image

javascriptで画面サイズ毎に処理をしたい時

こんにちは 今回はjavascriptで画面サイズ毎に処理をしたい時にオススメの …

no image

[JavaScript]IEのif文の判定がchromeと違う?

こんにちは、コーテッグのこやまです。 今持っている案件で、IE対応を進めているの …

wgetコマンドで指定のサイトをダウンロードしてみる。

wgetコマンドって? 下記の形式のコマンドを叩くと、指定のURLからファイルを …