for inループとjsのforループの違いは何ですか-jsチュートリアル-php.cn

for inループとjsのforループの違いは何ですか

一个新手

リリース： 2017-09-09 13:04:16

オリジナル

1975 人が閲覧しました

JavaScript for...in ステートメント

for...in ステートメントは、配列またはオブジェクトのプロパティをループするために使用されます。

for ...in ループ内のコードが実行されるたびに、配列の要素またはオブジェクトのプロパティが操作されます。

ヒント: for-in ループは、配列以外のオブジェクトを走査するために使用する必要があります。ループに for-in を使用することは、「列挙」とも呼ばれます。 ·

構文:

for (变量 in 对象)
{    在此执行代码}

ログイン後にコピー

「変数」は変数を指定するために使用されます。指定される変数は、配列要素またはオブジェクトの属性です。

例: for ... in を使用して配列をループします。

<html><body><script type="text/javascript">var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}</script></body></html>

ログイン後にコピー

注 1: for in ループは、属性の添字に従って出力を配置しません。

//code from http://caibaojian.com/js-loop-for-in.html"first":"first",   "zoo":"zoo",  "2":"2",  "34":"34",  "1":"1",  "second":"second"};for (var i in obj) { console.log(i); };输出：1234firstzoosecond

ログイン後にコピー

実行時はchromeに従って実行し、まず負でない整数のキーを抽出して出力をソートし、残りを定義順に出力します。この奇妙な設定のせいで、avalon の ms-with オブジェクトソートは期待どおりに出力されません。キー名を純粋な数値で定義しないようにユーザーに強制できるのはのみです。

例 1: 配列のプロトタイプオブジェクトに新しい属性が定義され、for ループを使用しても問題ありませんでした

function getNewArray(){var array=[1,2,3,4,5];Array.prototype.age=13;
var result = [];for(var i=0;i<array.length;i++){
result.push(array[i]);
}alert(result.join(''));
}

ログイン後にコピー

例 2: for in ループが使用されましたが、依然として正しい結果 12345 が得られました。私たちは期待していました

function getArrayTwo(){var array=[1,2,3,4,5 ];
var result=[];
for(var i in array){
result.push(array[i]);
}alert(result.join(''));
}

ログイン後にコピー

例 3: プロトタイプに属性を追加すると、デフォルトで列挙され、最終的に 1234513 が出力されます

function getNewArrayTwo(){var array=[1,2,3,4,5 ];
Array.prototype.age=13;var result=[];
for(var i in array){
result.push(array[i]);
}alert(result.join(''));
}

ログイン後にコピー

そのため、実際、『ハイパフォーマンス』の本では、配列に対して for in ループを実行しないことが推奨されています。 JavaScript の for in も強調されます。ループは常にオブジェクトのプロトタイプにアクセスして、プロトタイプにプロパティがあるかどうかを確認するため、トラバースに誤って余分な圧力がかかるため、ループは良くありません。

回避策:

オブジェクトに指定された名前のプロパティがある場合、Object.prototype.hasOwnProperty(name) は true を返します。オブジェクトがプロトタイプチェーンからこのプロパティを継承する場合、またはそのようなプロパティをまったく持たない場合は、false が返されます。プロトタイプのプロパティを考慮せずに、hasOwnProperty を介して現在をトラバースするように for in ループを制限します。

function finalArray(){var array=[1,2,3,4,5 ];
Array.prototype.age=13;
var result=[];for(var i in array){if(array.hasOwnProperty(i)){
result.push(array[i]);
}
}alert(result.join(''));
}

ログイン後にコピー

注:

1. 初期の Safari ブラウザなどの一部のブラウザは、このメソッドをサポートしていません

2. オブジェクトはハッシュ値として使用されることが多いため、hasOwnProperty は他の属性によってブロックされます (ただし、この属性を使用するのがそれほど退屈な人はいないと思います)

以上がfor inループとjsのforループの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。