8.1 配列の作成
JavaScriptの配列 はデータを順序付けられたコレクションとして格納できるデータ構造だよ。 そのデータはどの型でもOK、数字、文字列、オブジェクト、他の配列だってもちろんいいよ。 JavaScriptの配列は動的にサイズ変更ができて、プログラムの実行中にサイズが変わることがあるんだ。
配列の作成と初期化:
1. 配列リテラルを使う
配列を作成する最も簡単な方法は、角括弧 [] を使うことだよ:
JavaScript
let array1 = []; // 空の配列
let array2 = [1, 2, 3]; // 3つの要素を持つ配列
2. 配列コンストラクタを使う
配列コンストラクタ Array を使って関数で配列を作成できるよ:
JavaScript
let array1 = new Array(); // 空の配列
let array2 = new Array(3); // 長さ3の配列（全ての要素はundefined）
let array3 = new Array(1, 2, 3); // 3つの要素を持つ配列
3. 配列を値で埋める
配列を作成した後に値を埋めることができるよ:
JavaScript
let array = [];
array[0] = 'apple';
array[1] = 'banana';
array[2] = 'cherry';
8.2 配列の要素にアクセスする
配列の要素は0からインデックスで指定されるよ。要素へのアクセスは 角括弧 を使うんだ:
JavaScript
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // "Apple"
console.log(fruits[1]); // "Banana"
console.log(fruits[2]); // "Cherry"
配列の要素の変更
配列の要素はインデックスを使って変更できるよ:
JavaScript
let fruits = ["Apple", "Banana", "Cherry"];
fruits[1] = "Blueberry";
console.log(fruits); // ["Apple", "Blueberry", "Cherry"]
lengthプロパティ
length プロパティは配列内の要素数を返すよ:
JavaScript
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits.length); // 3
8.3 要素を追加・削除するための配列メソッド
1. pushメソッド
push() メソッドは1つ以上の要素を配列の末尾に追加し、新しい配列の長さを返すよ:
JavaScript
let fruits = ['apple', 'banana'];
fruits.push('cherry'); // ['apple', 'banana', 'cherry']
console.log(fruits.length); // 3
2. popメソッド
pop() メソッドは配列の最後の要素を削除し、それを返すよ:
JavaScript
let fruits = ['apple', 'banana', 'cherry'];
let last = fruits.pop(); // 'cherry'
console.log(fruits); // ['apple', 'banana']
3. shiftメソッド
shift() メソッドは配列の最初の要素を削除してそれを返すよ。その他の要素は左に1つずつ移動するんだ:
JavaScript
let fruits = ['apple', 'banana', 'cherry'];
let first = fruits.shift(); // 'apple'
console.log(fruits); // ['banana', 'cherry']
4. unshiftメソッド
unshift() メソッドは配列の先頭に1つ以上の要素を追加し、新しい配列の長さを返すよ:
JavaScript
let fruits = ['banana', 'cherry'];
fruits.unshift('apple'); // ['apple', 'banana', 'cherry']
console.log(fruits.length); // 3
GO TO FULL VERSION