JS での filter() 配列フィルターの使用

1. はじめに

配列フィルターは、フロントエンドのデータ処理の一般的な方法です。フロントエンドでは、必要なデータを取得してさらに操作を実行する前に、バックエンドから返されたデータを処理する必要があります。バックエンドから返される値は、参照としてのみ使用できる場合があります。

2. 方法の紹介

filter() メソッドは新しい配列を作成します。配列内のデータは、指定されたデータをフィルタリングした後の条件を満たすデータです。

filter() の 2 つの主な機能

1.filter()は空の配列を検出しません

2.filter()は元の配列を変更しない

filter() メソッドの使用法:

配列.filter(関数(現在の値、インデックス、arr)、この値)
//currentValue: 現在の要素の値 //index: 現在の要素の添え字 //arr: 元の配列

3. 使用例

1. 条件を満たす配列内の要素を取得する

const学校 = [
  {
    職業:"教師",
    年齢:40
  },
  {
    職業:"学生",
    年齢:23
  },{
    職業:"プログラマー",
    年齢:1
  }
]
var newShool = school.filter(item => item.age > 20)
console.log(newShool);//[ { 職業: '教師', 年齢: 40 }, { 職業: '学生', 年齢: 23 } ]

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。