JavaScript配列に含まれるもの：ステップバイステップガイド

JavaScriptのincludes（）メソッドは、配列でアイテムを検索します。配列内の要素が存在する場合、このメソッドはTrueを返します。 filter（）メソッドを使用すると、リスト内のアイテムを見つけることができます。 include（）とは異なり、filter（）メソッドは検索したアイテムを返します。

その配列に特定の値が含まれているかどうかを確認することをお勧めします。たとえば、商品の注文リストがあり、誰かがあなたの店にベッドサイドキャビネットを注文したかどうかを確認したい場合があります。

JavaScript配列に含まれるもの

JavaScript配列にアイテムが含まれているかどうかを判断するには、次の2つの方法があります。

• include（）。
• filter（）。

include（）メソッドは、アイテムが配列に存在するかどうかをチェックし、trueまたはfalseを返します。 filter（）は配列内のアイテムを検索し、そのアイテムを返します。

このチュートリアルでは、配列 include（）の使用について説明します。 配列に特定の要素が含まれているかどうかを判断するJavaScriptのメソッド。 filter（）の使用方法についても説明します オブジェクトの配列に値が含まれているかどうかを確認します。

配列にJavaScriptが含まれています：includes（）

JavaScript include（） メソッドは、配列に特定の値が含まれているかどうかを判別します。 include（） メソッドはtrueを返します 指定されたアイテムが見つかり、 falseの場合 指定されたアイテムの場合

array_name.includes(element, start_position);

include（） メソッドは2つの引数を受け入れます：

• 要素：検索対象の値。 （必須）
• start_position：検索を開始する配列内のインデックス位置。 （オプション）

include（）メソッドは、trueとfalseの2つの値のいずれかを返すことができます。これらの値はJavaScriptブール値と呼ばれます。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

Array.includes（） String.includes（）と同じように機能します。 ただし、 Array.includes（） オブジェクトの配列を検索します。

include（）JavaScriptの例

コーヒーショップを経営しているとしましょう。今日、誰かがエスプレッソを注文したかどうかを確認したいと思います。次のコードを使用して、今日の注文リストをチェックし、エスプレッソの注文が行われたかどうかを確認できます。

var todays_orders = ['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado'];
console.log(todays_orders.includes('Espresso'));

コードはfalseを返します。

配列todays_orders 値Espressoは含まれません 。したがって、 include（）の場合 関数が実行されると、値 falseが返されます 。要素が存在する配列を検索する場合、 include（） trueを返します 。

ここで、最後の3回の注文で誰かがラテを注文したかどうかを確認したいとします。 include（）を使用できます start_positionを使用するメソッド そうするための議論。

使用するコードは次のとおりです。

var todays_orders = ['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado'];
console.log(todays_orders.includes('Latte', 3));

私たちのプログラムは戻ります：true。ラテはインデックス値3の後に注文されたため 配列では、 include（） 関数がtrueを返しました 値。

配列にはJavaScriptが含まれています：filter（）

上記の例では、 include（）を使用しました 文字列の配列に特定の値が含まれているかどうかを確認します。しかし、オブジェクトの配列に特定の値が含まれているかどうかを確認したい場合はどうでしょうか。 filter（）を使用できます そのアクションを実行する関数。

filter（） 関数はオブジェクトの配列を反復処理し、特定の値を検索します。 filter（） 1つの引数を取ります：値を検索するために使用される関数。 JavaScriptのfilter（）の構文は次のとおりです。 機能：

var filterArray = array_name.filter(function(item) {
	return item;
});

filter（）JavaScriptの例

注文したコーヒーの名前と顧客の名前の両方を含む一連のコーヒーショップ注文オブジェクトがあります。

John Appleseedという名前の人がいるかどうかを確認したい 今日コーヒーを注文しました。ジョンは忠誠心のある顧客であり、次のコーヒーの割引を受けることになっていた。

次のコードは、JohnAppleseedが注文したかどうかを確認します。

var orders = [
{ drink: 'Cappuccino', name: 'John Appleseed' }, 
{ drink: 'Espresso', name: 'Mya Stuart' },
{ drink: 'Cappuccino', name: 'Emma Berry' }
];
var check_orders = orders.filter(order => (order.name === "John Appleseed"));
console.log(check_orders);

プログラムが返されます：

[{ drink: 'Cappuccino', name: 'John Appleseed' }]

まず、orders。という配列を宣言します。 注文した人の名前と注文した飲み物のリストが保存されます。次に、check_ordersというJavaScript変数を宣言します。 この変数はfilter（）を使用します John Appleseedという名前の人がいるかどうかを確認する関数 今日コーヒーを注文しました。

check_ordersの値を出力します JavaScriptコンソールへの変数。 John Appleseedが今日注文したので、私たちの関数は彼の注文の記録を返します。彼が注文しなかった場合、私たちのプログラムは何も返しません。

filter（）について詳しく知りたい場合 メソッドについては、JavaScriptのfilter（）メソッドとreduce（）メソッドに関するチュートリアルをご覧ください。

結論

include（） メソッドは、値が配列にあるかどうかをチェックします。このメソッドはtrueを返します またはfalse 結果に応じて。 filter（） メソッドは、オブジェクトの配列に特定の値が含まれているかどうかを判別します。このメソッドは、配列に存在する場合、特定の基準を満たすオブジェクトを返します。

JavaScriptについてもっと知りたいですか？ JavaScriptの学習方法ガイドをご覧ください。専門家のアドバイスと、学習に役立つトップオンラインコース、書籍、リソースのリストがあります。