JavaScript で配列を走査する方法

JavaScript で配列を走査する方法: 1. for ループ ステートメントを使用する; 2. forEach() メソッドを使用してコールバック関数を呼び出す; 3. map() メソッドを使用してコールバック関数を呼び出す; 4 . "for..in" ループ ステートメントを使用します。 5. "for...of" ループ ステートメントを使用します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でコードを記述する場合、for ループ、forEach ループ、マップ ループ、forIn ループ、forOf ループ、その他のメソッドを含む複数のメソッドを使用して配列を走査できます。

1. for ループ: 基本的でシンプル

これは、配列を走査する最も基本的で一般的に使用される方法です。開発言語は通常、このアプローチをサポートしています。

let arr = ['a','b','c','d','e'];
for (let i = 0, len = arr.length; i < len; i++) {
  console.log(i);    // 0 1 2 3 4
  console.log(arr[i]); //a b c d e
}

2. forEach() メソッド: コールバック関数を使用します

forEach() これは配列オブジェクトのメソッドです。コールバック関数をパラメータとして受け取ります。
コールバック関数には 3 つのパラメータがあります:

• 1 番目: 配列要素 (必須)
• 2 番目: 配列要素のインデックス値 (オプション)
• 3 番目: 配列自体 (オプション)

let arr = ['a','b','c','d','e'];
arr.forEach((item,index,arr)=> {
  console.log(item);  // a b c d e 
  console.log(index); // 0 1 2 3 4
  console.log(arr);  // ['a','b','c','d','e']
})

3.map() メソッド: コールバック関数を使用します

それは、メソッドは forEach() メソッドと同じです。

var arr = [
  {name:'a',age:'18'},
  {name:'b',age:'19'},
  {name:'c',age:'20'}
];
arr.map(function(item,index) {
  if(item.name == 'b') {
    console.log(index) // 1
  }
})

4. for..in ループ: オブジェクトと配列のトラバース

for...in ループは次の目的で使用できます。オブジェクトと配列をループします。
オブジェクトのループに推奨され、json のトラバースにも使用できます。

let obj = {
  name: '王大锤',
  age: '18',
  weight: '70kg'
}
for(var key in obj) {
  console.log(key);    // name age weight
  console.log(obj[key]); // 王大锤 18 70kg
}
----------------------------
let arr = ['a','b','c','d','e'];
for(var key in arr) {
  console.log(key); // 0 1 2 3 4 返回数组索引
  console.log(arr[key]) // a b c d e
}

5.for...of ループ: オブジェクトと配列の走査

ループ可能な配列とオブジェクト、配列の走査に推奨。

for...of は 3 つの新しいメソッドを提供します:

• key() はキー名を走査するもの、
• value() はキー値を走査するものです;
• entries() は、キーと値のペアの走査です;

let arr = ['科大讯飞', '政法BG', '前端开发'];
for (let item of arr) { 
 console.log(item); // 科大讯飞 政法BG 前端开发
}
// 输出数组索引
for (let item of arr.keys()) { 
 console.log(item); // 0 1 2
}
// 输出内容和索引
for (let [item, val] of arr.entries()) { 
 console.log(item + ':' + val); // 0:科大讯飞 1：政法BG 2：前端开发
}

6。補足

6.1、break と Continue の問題

forEach、map、filter、reduce、every、some 関数break およびContinue キーワードは function 内にあるため有効になりませんが、function はクロージャ トラップの問題を解決します。

break と continue を使用したい場合は、for、for...in、for...of、while を使用できます。

6.2、配列とオブジェクト

配列要素を走査するには、for()、forEach()、map()、for を使用します。 。の＃＃＃。

ループ オブジェクトのプロパティには、

for...in を使用します。

[推奨学習:

JavaScript 上級チュートリアル]

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