ES 6 Aray.includesを使用した多重条件の使い方の例分析


本明細書の例は、ES 6がAray.includesを使用して多重条件の扱い方を説明する。皆さんに参考にしてあげます。具体的には以下の通りです。
includes   [ɪnk'lu:dz]  ふくめる
includes()メソッドは、指定された値が配列に含まれているかどうかを判断するために使用され、trueに戻る場合はfalseを返します。
例を挙げます

//     
function test(fruit) {
 if (fruit == 'apple' || fruit == 'strawberry') {
 console.log('red');
 }
}

一見、このように書いても大丈夫そうです。しかし、もっと多くの赤い果物にマッチしたいなら、もっと多くの12462;12464;を使ってこの文を広げなければなりませんか?
上記の条件文はArray.includes(Array.includes)を使って書き換えることができます。

function test(fruit) {
 //          
 const redFruits = ['apple', 'strawberry', 'cherry', 'cranberries'];
 if (redFruits.includes(fruit)) {
 console.log('red');
 }
}

私たちは赤い果物(条件)を一つの配列に抽出しました。コードがもっと優雅で綺麗に見えます。

from Indexは配列長に等しい。
from Indexが配列長に等しい場合、falseを返します。この配列は検索されません。

var arr = ['a', 'b', 'c'];
arr.includes('c', 3);  //false
arr.includes('c', 100); // false

計算した索引は0より小さいです。
from Indexがマイナスの場合、計算されたインデックスはsearch Elementの検索を開始する位置とします。計算された索引が0より小さい場合、配列全体が検索されます。

//      3
// fromIndex   -100
// computed index   3 + (-100) = -97
 
var arr = ['a', 'b', 'c'];
arr.includes('a', -100); // true
arr.includes('b', -100); // true
arr.includes('c', -100); // true

関心のある友達はオンラインHTML/CSS/JavaScriptコードを使ってツールを実行できます。http://tools.jb51.net/code/HtmlJsRunは上記のコードの運行効果をテストします。
さらに、JavaScriptに関する内容については、当駅のテーマを見ることができます。「JavaScript操作DOM技巧まとめ」、「JavaScriptページ要素操作技術のまとめ」、「JavaScript事件に関する操作と技巧大全書」、「JavaScript検索アルゴリズムのテクニックのまとめ」、「JavaScriptデータ構造とアルゴリズム技術のまとめ」、および「JavaScriptはアルゴリズムと技術の総括を遍歴します。
本論文で述べたように、JavaScriptプログラムの設計に役に立ちます。