Elyses Enchantments

JavaScriptでは、配列は長さが決まっていないリストのような構造で、プリミティブでもオブジェクトでも、型が混ざっていても、どんな値でも入れることができます。

配列を作るには、角括弧（[]）の間に要素を並べます。 配列から値を読み出すときは、識別子のあとに角括弧（[]）を付けてインデックスを指定します。 配列のインデックスは0から始まります。

たとえば：

const numbers = [1, 'two', 3, 'four'];
numbers[2];
// => 3

配列に入っている要素の数を取得するには、lengthプロパティを使います。

const numbers = [1, 'two', 3, 'four'];
numbers.length;
// => 4

配列の要素を変更するには、そのインデックスに値を代入します。

const numbers = [1, 'two', 3, 'four'];
numbers[0] = 'one';
numbers;
// => ['one', 'two', 3, 'four']

メソッド

すべてのArrayオブジェクトで使えるメソッドの中には、配列への追加や削除に使えるものがあります。 この演習に取り組むときに役立つものを、いくつか紹介します。

push

.push(value)を使うと、配列の末尾にvalueを_追加_できます。 このメソッドは、配列の新しい長さを返します。

const numbers = [1, 'two', 3, 'four'];
numbers.push(5); // => 5
numbers;
// => [1, 'two', 3, 'four', 5]

pop

.pop()を使うと、配列から_最後_のvalueを_削除_できます。 このメソッドは、削除した値を返します。 この変更により、配列の長さは減ります。

const numbers = [1, 'two', 3, 'four'];
numbers.pop(); // => four
numbers;
// => [1, 'two', 3]

shift

.shift()を使うと、配列から_最初_のvalueを_削除_できます。 このメソッドは、削除した値を返します。 この変更により、配列の長さは減ります。

const numbers = [1, 'two', 3, 'four'];
numbers.shift(); // => 1
numbers;
// => ['two', 3, 'four']

unshift

.unshift(value)を使うと、配列の先頭にvalueを_追加_できます。 このメソッドは、配列の新しい長さを返します。

const numbers = [1, 'two', 3, 'four'];
numbers.unshift('one'); // => 5
numbers;
// => ['one', 1, 'two', 3, 'four']

splice

.splice(index, 1)を使うと、特定のindexにあるvalueを配列から_削除_できます。 このメソッドは、削除された要素を返します。

const numbers = [1, 'two', 3, 'four'];
numbers.splice(2, 1, 'one'); // => [3]
numbers;
// => [1, 'two', 'one', 'four']