forEachの
forEach()
アレイを通して見える、戻り値はループ本体内にない、forEach()
ループは元の配列の内容を変更しない、forEach()
三つのパラメータがあり、最初のパラメータが2番目のパラメータは現在の要素のインデックスである、現在の要素であり、第三のパラメータは、現在の要素が属しています配列。
let array = [1, 2, 3, 4]; array.forEach((item, index, arr) => { console.log(item); });
forEach()
使い方はおそらくケースですが、髪は、問題を見つけられませんでしたかわからないforEach()
ループの外にすることはできません、私はループの外に意味が全体のサイクルの外ではなく、現在のサイクルのうち、直接コードに、噂を言いました。
let array = [1, 2, 3, 4, 5]; array.forEach((item) => { if (item > 2) { return; } console.log(item); });
ご列席の皆様、上記のコードは出力シェーンでしょう?
答えは:12
誰かが言うだろう、この時間は、これはまだループの外ではありません、本当に、それは再び、アレイを横切るように、まだ一つ一つだ、我々は別の場所から出力されます発見されました。
let array = [1, 2, 3, 4, 5]; array.forEach((item) => { console.log(item); if (item > 2) { return; } });
今回はどのように、12 345バーの出力は。
見つけるのは難しいことではありません上記のコード2枚を、見た後にforEach()
書き込みループ本体を返しますが、実行するために、現在のサイクルの次のサイクルの外にジャンプすることができ、全体のサイクルの外にジャンプすることはできません。
私は何を言ってみましょうforEach()
値を返さないサイクル、マップ次のサイクルを読んだ後、この質問を理解します。
地図
map()
主な役割は、実際には、新しい配列を作成することであるmap()
パラメータのをし、forEach()
直接の例には、ここにないと言うでは、同じです。
let array = [1, 2, 3, 4 ,5]; let temp = array.map((item, index, arr) => { return item + 1; }); console.log(temp); console.log(array);
出力を推測temp
し、arr
値が何である
TEMP:[2、3、4、5、6]
ARR:[1、2、3、4、5]
皆さん、ここで理解すべきであるmap()
とforEach()
違い何、右、使用配列によるマップ()ループは、新しい配列を返すことができ、かつ配列は元のコンテンツを変更しません。
もちろん、map()
その配列要素を文字列に変換され、直接に、使用することができます。
let temp = array.map(String);
フィルタ
それから彼は言うことをfilter()
、filter()
パラメータとforEach()
されているのと同じ、filter()
主に、新しい配列に要素の条件を満たすための条件を満たしていない配列の要素をフィルタリングするフィルタリングし、元の配列を変更することはありません。
それを使用する方法、直接コードに。
let array = [1, 2, 3, 4, 5]; let temp = array.filter((item, index, arr) => { return item > 3; }); console.log(temp); console.log(array);
それは、出力、どうなるかtemp
4、5、array
変化がない、明確な、それはよりもないですfor
書くのは難しい、より便利サイクル。
すべての
every()
私は主に話をし、上院に説明し、すべて同じではないでしょうevery()
役割、それは配列をループ、すべての項目場合、in vivoでのサイクル条件を書きますtrue
、それが戻りますtrue
ように長いものがあるとして、false
それが返されますfalse
、次のサンプルコードを見てください。
let array = [1, 2, 3, 4, 5]; let bo = array.every((item, index, arr) => { return item > 2; }); console.log(bo);
私はそれを言わないこのの出力は、確かにfalse
ああ、それを説明する必要はありません。
一部
some()
そして、何各ループは、配列を、同様に、ナ行い、その後、ループの身体の状況に応じて判断する限り、1があるとしてtrue
、サイクルを停止します。
let array = [1, 2, 3, 4, 5]; array.some((item, index, arr) => { console.log(item); return item > 3; });
項目の出力によると、私たちは何回総循環を知ることができます。
減らします
reduce()
、公式の説明:アキュムレータとしての機能を受信し、(左から右)配列内の各値は、これらの単語を読んでの最終値に収縮開始、心不可解FML「は何このようなもの」と言います実際に、分かりやすく、reduce()
機能は、コールバック関数がサイクルの終わりまですべての要素。アレイコールバック関数と呼ばれている受信
reduce()
それは順番に最後の値である4つのパラメータがあり、いくつかの他の方法とは同じではありません、インデックス配列電流値、パラメータ導入の現在の値、例を直接ルック。
アレイ、デジタルであるの要素、今計算するディジタルがある場合、状況は直接通常ループ配列であり、そして、中間のホールドを取得します変数バープラス一つ一つが、費やしたreduce()
多くの地方のものに
let array = [1, 2, 3, 4, 5]; let total = array.reduce((a, b) => { return a + b; }); console.log(total); // 15