インデックス付きコレクション で JavaScript 要素が格納され、数値インデックスによってアクセスされる配列などのデータ構造を指します。配列を使用すると、順序付けされたデータの効率的な保存と取得が可能になり、その要素の操作と走査の方法が提供されます。

例

の 配列 「student」という名前には学生の名前が含まれており、インデックス値はロールです 数字 生徒たちの。 JavaScript には明示的な配列データ型がありません。ただし、JavaScript の事前定義された Array オブジェクトとそのメソッドを使用して、配列を操作することができます。

配列の作成: 以下に示す配列を作成および初期化するには、さまざまな方法があります。

• 配列の長さを定義せずに配列を作成します。この場合、長さは引数の数と同じになります。

構文：

let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>

• 指定されたサイズの配列を作成する

構文：

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>

• 可変長配列を作成し、必要に応じて多くの要素を追加します。

// First method: Initialize an empty // array then add elements let students = []; students [0] = 'Sujata Singh'; students [1] = 'Mahesh Kumar'; students [2] = 'Leela Nair'; // Second method: Add elements to // an array when you create it let fruits = ['apple', ‘mango', 'Banana'];>

配列に適用できるメソッドは次のとおりです。

• 配列要素へのアクセス
• 配列の長さの取得
• 配列の反復処理
  • JavaScript for ループ
  • JavaScriptのforEach()ループ
  • JavaScript forEach ループ と アロー関数
• 配列メソッド
  • JavaScriptのpush()メソッド
  • JavaScriptのpop()メソッド
  • JavaScript concat() メソッド
  • JavaScript join() メソッド
  • JavaScriptのsort()メソッド
  • JavaScriptのindexOf()メソッド
  • JavaScriptのshift()メソッド
  • JavaScript filter() メソッド

配列要素へのアクセス

インデックスを使用して配列要素にアクセスします。配列のインデックスはゼロベースです。これは、要素のインデックスがゼロから始まることを意味します。

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>

Apple Mango>

配列の長さの取得

配列の長さを取得するには、array_name を使用します。 長さプロパティ 。

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>

3>

配列の反復処理

配列要素を反復するにはさまざまな方法があります。

• JavaScript for ループ : for ループは、ループ構造を記述する簡潔な方法を提供します。 while ループとは異なり、for ステートメントは初期化、条件、およびインクリメント/デクリメントを 1 行で実行するため、より短くデバッグしやすいループ構造が提供されます。

const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Apple Mango Banana>

• JavaScriptのforEach()ループ : forEach() 関数は、配列の各要素に対して 1 回の値を提供します。提供された関数は、指定された配列の要素に対してあらゆる種類の操作を実行できます。

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Apple Mango Banana>

• JavaScript forEach ループ と アロー関数 :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(フルーツ));>>

Apple Mango Banana>

配列メソッド

配列を操作するために使用できるさまざまな配列メソッドがあります。これらは：

• JavaScriptのpush()メソッド : このメソッドは、1 つ以上の要素を配列の末尾に追加し、結果として得られる配列の長さを返します。

let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

[ '1', '2', '3' ]>

• JavaScriptのpop()メソッド : このメソッドは、配列から最後の要素を削除し、その要素を返します。

let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

3>

• JavaScript concat() メソッド : この方法 結合します 2 つの配列を取得し、新しい配列を返します。

let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

[ '1', '2', '3', 'a', 'b', 'c' ]>

• JavaScript join() メソッド : このメソッドは、配列のすべての要素を結合して文字列を作成します。

let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

john - jane - joe>

• JavaScriptのsort()メソッド : このメソッドは配列の要素を並べ替えます。

let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

[ 'East', 'South', 'West' ]>

• JavaScriptのindexOf()メソッド : このメソッドは、配列内で要素を検索し、最初に出現した要素のインデックスを返します。

let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

1>

• JavaScriptのshift()メソッド : このメソッドは、配列から最初の要素を削除し、その要素を返します。

let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

a>

• JavaScript reverse() メソッド : このメソッドは、最初の配列要素が最後になり、最後の要素が最初になることを反転します。この方法で配列内のすべての要素を転置し、配列への参照を返します。

let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

[ 'c', 'b', 'a' ]>

• JavaScriptのmap()メソッド : このメソッドは、すべての配列項目に対して関数を実行して返された値の新しい配列を返します。

let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

[ 'A', 'B', 'C' ]>

• JavaScript filter() メソッド : このメソッドは、関数が true を返した項目を含む新しい配列を返します。

let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

[ 10, 20, 30 ]>