JavaScript重複除外|for|forEach|for in|for of

サマリ

区切り構文用コメントfor(let i=0;i<5;i++){}反復割り込み、continue、returnはEacharrに使用できます.繰り返しforEach()=>{}配列...infor(let key in obj){key.. obj[key]..}オブジェクトの重複除外...offor(let value of arr){value..}アレイの重複割り込み、continue、returnが使用可能

for

回使用インデックス

const arr = [1, 2, 3]
for (let i = 0; i < arr.length; i++) {
  // 작업
}

開始、条件、増加条件

停,continue,戻ることができます

forEach

arr.forEach(function(item, index, array) {
    // 작업
});

動作

のアレイ内の要素を繰り返すことができる

.

ES 6はMap、Setなどをサポートする

for ...in=>オブジェクト

クエリ

オブジェクト属性の構文

オブジェクトのkeyにはアクセスできますが、valueにはアクセスできません.
アレイの使用を禁止
for..in繰り返し文はすべてのプロパティを巡回します.数値キー以外のプロパティも巡回ターゲットに含まれます.
ブラウザまたは他のホスト環境で使用されるオブジェクトには、類似配列を持つ類似配列オブジェクトがあります.アレイのようなオブジェクトには長さのパーセントがあり、アレイのように各要素にインデックスがあります.それ以外に、類似配列のオブジェクトには、配列ではなく数値キー以外のプロパティとメソッドがある場合があります.アレイオブジェクトとforに似ています...inとともに使用すると、これらはすべて巡回されます.そのため、「不要」なプロフェッショナルに問題が発生する可能性があります.for..inの繰り返し文は、配列ではなくオブジェクトとともに使用される場合に最適化されるため、アレイに使用される速度は、オブジェクトに使用される速度よりも10〜100倍遅い.for..in繰り返し文の速度は通常比較的速いため、これはボトルネックの問題にすぎませんが、for..in繰り返し文を使用する場合は、これらの違いに注意し、適切な場所で使用してください.

for ...of=>配列

ES 6は

増加

forEachコールバック関数は不要

for Each文は、割り込み、continue、および戻り構文

をサポートしていません.

反復可能オブジェクト(Array、Map、Set、String、Type Array、Argumentsオブジェクトなど)

を反復可能

(戻り値)

、オブジェクト内の要素(データ)を巡回する

let user = {
  name: "John",
  age: 30,
  isAdmin: true
};

for (let key in user) {
  // 키
  alert( key );  // name, age, isAdmin
  // 키에 해당하는 값
  alert( user[key] ); // John, 30, true
}

for inとfor
プロトタイプチェーンにIterableオブジェクトが含まれている場合はin、そうでない場合はforです.

Object.keys()

を使用して、反復不可能なオブジェクトを反復可能にします.
注意:モダンJavaScriptチュートリアル
注意:🙈[JS]for inとfor of比較-Interation🐵