こんにちは！ DLAで教育に関するサポートをしている岸本です。

今回は「一般的な検索操作に JavaScript を活用する」についてお伝えしていきます。

一般的な検索操作に JavaScript を活用する

値による配列内の要素の検索

const inventory = [
  { code: '001', name: 'Item A', quantity: 10 },
  { code: '002', name: 'Item B', quantity: 5 },
  { code: '003', name: 'Item C', quantity: 20 },
];

const desiredCode = '002';
const foundProduct = inventory.find(item => item.code === desiredCode);

array.find一意のコードに基づいて在庫内の特定の製品を検索するために利用します。

変数には、foundProduct対応する製品のオブジェクトが格納されます。

配列の要素をフィルタリングする

   const inventory = [
     { name: 'Item A', quantity: 10 },
     { name: 'Item B', quantity: 5 },
     { name: 'Item C', quantity: 20 },
   ];

   const lowInventory = inventory.filter(product => product.quantity < 10);

filter在庫が少ない製品、特に数量が 10 未満の製品のリストを作成します。

配列のソート

   const users = [
     { name: 'Alice', age: 30 },
     { name: 'Bob', age: 25 },
     { name: 'Charlie', age: 35 },
   ];
   const sortedUsers = users.sort((a, b) => a.age - b.age);

sortユーザーを年齢に基づいて配置するために使用されており、sortedUsersユーザーは年齢の昇順になります。

配列内の要素のインデックスを見つける

   const catalog = ['Product A', 'Product B', 'Product C'];
   const index = catalog.indexOf('Product B')

この場合、リストindexOf内の製品「製品 B」のインデックスを見つけるために使用されますcatalog。

配列内に要素が存在するかどうかを確認する

   const fruits = ['apple', 'banana', 'orange'];
   const hasBanana = fruits.includes('banana');

includes配列内に「バナナ」が存在するかどうかを確認するために利用しますfruits。

配列内の固有の要素を見つける

   const repeatedNumbers = [1, 2, 2, 3, 4, 4, 5];
   const uniqueNumbers = Array.from(new Set(repeatedNumbers));

Setから一意の数値のセットを作成するために使用されます。

文字列内の一致の検索

   const text = 'JavaScript is amazing!';
   const containsJavaScript = text.includes('JavaScript');

ここでは、includes文字列に「JavaScript」という単語が含まれているかどうかを確認します。

プロパティによる配列内のオブジェクトのフィルタリング

   const users = [
     { name: 'Alice', age: 25 },
     { name: 'Bob', age: 30 },
     { name: 'Charlie', age: 35 },
   ];

   const over30 = users.filter(person => person.age > 30);

JavaScript を活用した検索操作に関して以上となります。