JavaScript での for、for in、for of、forEach の使用法の概要 (コード付き)

for (var i = 0; i <p><strong>for ループ内のステートメント</strong></p><p><strong>Continue</strong> ステートメントは、このループから抜け出すために使用されますが、後続のループの実行は続行されます。 <br><strong>break</strong> ステートメントはループを終了するために使用され、後続のループは実行されません。 <br><strong>return</strong> は、for ループから抜け出すためには使用できません。return ステートメントは関数の実行を終了し、指定された値を返します。 </p><p><strong>for ループの使用時に発生する問題</strong></p><p>for ループでの非同期操作の使用に遭遇することがあります。これは、面接でよくある質問でもあります。次のシナリオでは、0 から 9 までの ID を持つユーザー名データのバッチをリクエストし、ID をキーとして、名前を値としてオブジェクトに入れる必要があります。コードは次のようになります。 # 最終的に、users オブジェクトのデータ結果は私たちが考えていたものではなく、</p>{10: 'リクエストによって返された最後のユーザー名'}<p> になります。これは、イベント キューのメカニズムにより、for ループが最初に完全に実行され、非同期リクエストは後で不確実な時間で完了し、then メソッドの呼び出しがイベント キューの後ろにキューされるためです。現時点では、任意の時点で、then メソッドの <code>i</code> 変数は、最後のループで 10 に等しくなります。then メソッドが継続的に呼び出されるとき、<code>users# の値は 10 に等しくなります。 ## オブジェクト キー 10 は、最後のリクエストが完了するまで常に書き換えられます。 </code><code>let ブロック レベルのスコープを使用して解決する </code></p><pre class="brush:php;toolbar:false">var users = {};
for (var i = 0; i  {
      users[i] = res.name;
  });
}

var users = {};
for (let i = 0; i  {
      users[i] = res.name;
  });
}

var users = {};
for (var i = 0; i  {
        users[j] = res.name;
     });
  }());
}

var users = {};
for (var i = 0; i  {
        users[value] = res.name;
     });
  }(i));
}

const obj = {};
Object.defineProperty(obj, 'city', {value: '北京', enumerable: false});
const isEnumerable = obj.propertyIsEnumerable('city');
console.log(obj);           // {city: "北京"}
console.log(isEnumerable);  //false

const obj = {name: 'ricky'};
Object.defineProperty(obj, 'city', {value: '北京', enumerable: false})
obj.__proto__ = {age: '25'}

console.log('name' in obj);   // true
console.log('city' in obj);   // true
console.log('age' in obj);    // true
console.log('sex' in obj);    // false

const array = [{a: 1}, {b: 2}, {c: 3}];
array.name = 'ricky';

console.log(array)
console.log('=====for of=======')
for (var prop of array) {
  console.log(prop);
}
console.log('=====for in=======')
for (var prop in array) {
  console.log(prop);
}

const array = ['a', 'b', 'c'];
array.forEach(function(value, index, data) {
    console.log(value, index, data);
});
// 输出
// a  0  ["a", "b", "c"]
// b  1  ["a", "b", "c"]
// c  2  ["a", "b", "c"]

const array = [1, 2, 3];
const newArray = array.map(function(value, index, data) {
    return value * 2;
});
console.log(newArray);
//输出 [2, 4, 6]

const arr = [1, 2, 3, 4, 5];
arr.every(function(value){
   console.log(value);
   if(value === 3) {
   //every 循环当返回false时结束循环
       return false;
   }
   return true //every 循环需要返回true，没有返回值循环也会结束
});

arr.some(function(value){
   console.log(value);
   if(value === 3) {
   //some 循环当返回true时结束循环
       return true;
   }
});