ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で配列を走査するメソッドの概要

JavaScript で配列を走査するメソッドの概要

黄舟
黄舟オリジナル
2017-11-09 14:59:151725ブラウズ

配列の役割は皆さんご存知だと思いますが、配列は長くて優れたデータ構造を持ち、複数のデータの保存領域をバッチで一元管理できるため、PHP であっても JavaScript であっても、プログラムの実行効率を大幅に向上させることができます。または、jQuery では、配列の形式はインデックス配列と連想配列に分かれているため、配列をトラバースする方法!以下では、JavaScript 配列 traversal~

1.for(){} をループ内で配列

<script type="text/javascript">
 <!--
var arr = new Array(13.5,3,4,5,6);
for(var i=0;i<arr.length;i++){
 arr[i] = arr[i]/2.0;
}
alert(arr);
 //-->
 </script>

2.for を走査し、配列

<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>

3.forEach メソッドを走査する方法について詳しく説明します。
注: forEach() メソッドは ES5.1 標準によって導入されました。

var arr=[1,2,3,4,5,6];
arr.forEach(function(v,i){//v==value 为arr项,i==index 为arr索引
    console.log(i+&#39;  &#39;v );
})//输出0  11  22  33  44  55  6

4. 新しいメソッド ==for of== が最新の ES6 標準に追加されました

for of メソッド
添字ループは配列を走査するために使用できますが、添字は Map とセット 。 Map、set – 添字なし、インデックスを使用して走査することはできません
コレクション型を統一するために、ES6 標準では新しい反復可能型が導入されています。
Array、Map、Set はすべて反復可能型に属します。
== 反復可能な型を持つコレクションは、新しい for ... of ループを介して走査できます。 ==

var arr=[1,2,3,4,5,6];for(var value of Arr){
    console.log(value);
}  //输出123456

概要:

JavaScript で配列を走査する方法については、私の友人は配列走査 についてある程度理解していると思いますが、実際の開発では、まだ必要があります。一部の方法は効率が最適ではないため、選択する必要があります。したがって、注意して使用してください。

関連する推奨事項:

1.JavaScriptの配列トラバーサルforとforinの違いの詳細な説明

2.php配列とjs配列トラバーサル

以上がJavaScript で配列を走査するメソッドの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。