# 配列への要素の追加、削除

こちらのセクションに入る前に、`index.js`を`part3_index.js`とリネームして、`index.js`を新たに作成しましょう。

ここからは配列について説明していきます。配列に関してもオブジェクトと同様に**const(定数)として定義した場合も、要素を変更することができます。**&#x8981;素を追加するのに`push`メソッドがあります。`push`メソッドは引数に渡されたものを格納することができ、複数の引数をとることができます。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript"><strong>const fruits = ['りんご', 'みかん'];
</strong><strong>fruits.push('パイナップル', 'バナナ'); 
</strong><strong>console.log(fruits); // ['りんご', 'みかん', 'パイナップル', 'バナナ']
</strong></code></pre>

また`unshift`メソッドを使用すると、先頭に要素を追加することができます。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(fruits);
<strong>fruits.unshift('いちご', 'メロン'); 
</strong><strong>console.log(fruits); // ['いちご', 'メロン', 'りんご', 'みかん', 'パイナップル', 'バナナ']
</strong></code></pre>

要素の削除は`pop`,`shift`メソッドを使用します。

`pop`メソッドは、最後の要素を削除します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(fruits);
<strong>fruits.pop();
</strong><strong>console.log(fruits); // ['いちご', 'メロン', 'りんご', 'みかん', 'パイナップル']
</strong></code></pre>

shiftメソッドは、最初の要素を削除します。

<pre class="language-javascript" data-title="index.js◎"><code class="lang-javascript">...
console.log(fruits);
<strong>fruits.shift();
</strong><strong>console.log(fruits); // ['メロン', 'りんご', 'みかん', 'パイナップル']
</strong></code></pre>
