JavaScriptの配列のゲーム


JavaScriptでは、いくつかの値を1つの変数に格納するために配列を使用することを知っているでしょう.
各要素に対するJavaScript配列では、配列のインデックスがゼロから始まり、1、1、2、1、2、3などで上がる数値(インデックス)があります.インデックスは基本的に同じ配列の項目の識別子です.
したがって、この短いチュートリアルでは、JavaScriptの配列を基本的なレベルで理解するのに役立つ基本的な方法を見ます.

1 . JavaScriptの配列を作成するには?
[]マークアップを使用して、JavaScriptで配列を作成できます
var cars = ['Tesla', 'GTR', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

console.log(cars)
// ['Tesla', 'GTR', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche']

2 . JavaScript配列の項目数のチェック方法
下記のメソッドを使用して、配列(配列長)内の項目の合計数を確認できます.
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

console.log(cars.length)
// 8

インデックス番号を使用したJavaScript配列へのアクセス方法
特定の数を使用して配列の項目にアクセスできます.
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

console.log(cars[0])
// Tesla

console.log(cars[4])
// Ford

console.log(cars[6])
// Nissan

4 . JavaScript配列の最後の項目へのアクセス方法
配列の最後の項目は、以下に示すメソッドを使用してアクセスできます.
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

console.log(cars[cars.length - 1])
// Porsche

JavaScriptの配列をループする方法は?
これはJavaScriptの配列にループする最も現代的な方法です.
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

cars.forEach(function(arrayItem, index){
  console.log(arrayItem, index)
})

// Tesla 0
// Toyota 1
// BMW 2
// Honda 3
// Ford 4
// Hyundai 5
// Nissan 6
// Porsche 7

JavaScript配列の先頭に項目を追加する方法は?
次のように配列の先頭に項目を追加できます.
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

// unshift() method adds 'Mercedes' to the starting of 'cars' array
var newArray = cars.unshift('Mercedes')

console.log(cars)

// New cars array
// [ 'Mercedes', 'Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche' ]

JavaScript配列の先頭からアイテムを削除する方法は?
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

// shift() method removes the first item from the array
var newArray = cars.shift()

console.log(cars)

// New cars array
// Tesla has been removed from the array
// [ 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche' ]

JavaScript配列の項目のインデックスを見つけるには?
配列の特定の項目のインデックス番号は次のようになります.
var cars = ['Tesla', 'Toyota', 'BMW', 'Honda', 'Ford', 'Hyundai', 'Nissan', 'Porsche'];

// indexOf() method returns the index number of an item in an array
var getBMWIndex = cars.indexOf('BMW');
var getHyundaiIndex = cars.indexOf('Hyundai');
var getPorscheIndex = cars.indexOf('Porsche');

console.log(getBMWIndex)
// 2

console.log(getHyundaiIndex)
// 5

console.log(getPorscheIndex)
// 7

結論
このチュートリアルでは、JavaScriptの配列の基本的な機能と方法を説明しました.配列を作成し、配列内の項目をアクセスし、項目の場所を見つけ、削除して項目を配列に追加し、JavaScript内の配列にループを追加します.
あなたはJavaScript arrays in MDN Web Docsについての詳細情報を見つけることができます.