技術

【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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

[Angular] has no exported member ‘XXXLoginComponent’.

どうも中田です Angularでコンポーネント名を階層構造にあった名前にしようと …

no image

ボタンを押した時にEdgeだけ500エラーになる

こんにちは!コーテッグのこやまです。 フロントをAngular、サーバーサイドを …

no image

railsでA server is already running~とでたときの対処法

こんにちは!コーテッグの小山です。 rails使っていて、rails sをすると …

no image

Macで簡単にIE環境を構築する手順

こんにちは、コーテッグの小山です。 今までちょろっとIE対応をやることはあったの …

[Rails] バージョン上げるときに気をつけること

どうも中田です。 セキュリティ診断とかで引っかかってrailsのバージョンあげた …