---
# System prepended metadata

title: 配列を操作(メソッド)の使い方）5/25
tags: [復習, 配列, 解説, データ型, 関数, スコープ, 変数]

---

---
robots: noindex, nofollow
tags: 解説,復習,関数,変数,スコープ,データ型,配列
---
- [name=SakamotoTatsuto][time=Wed, May 19]
:::warning
**[GASプログラミング](/@IT-sircle/SkZ56xGP5) > [解説](/@IT-sircle/Sy-DIbzw5) > 配列を操作(メソッド)の使い方**
:::
# 配列を操作(メソッド)の使い方）5/25

## 配列
##### 配列の書き方
```
var hairetu = ['ai','ui','ei'];
console.log(hairetu[2]);
```
結果
```
ei
```
## メソッドを使い配列変数を操作

#### 先頭の要素を削除 
shiftメソッド
```
var color = ['赤','青','緑'];
// 変更前
console.log(color);

color.shift();
// 変更後
console.log(color);

```
結果
```
// 変更前
[ '赤', '青', '緑' ]

// 変更後
[ '青', '緑' ]
```

#### 配列の後ろに新たに要素を追加
pushメソッド
```
var name = ['sakamoto','iida','kitano'];
// 変更前
console.log(name);

name.push('harada');
// 変更後
console.log(name);
```
結果
```
// 変更前
[ 'sakamoto', 'iida', 'kitano' ]

// 変更後
[ 'sakamoto', 'iida', 'kitano', 'harada' ]
```

#### 配列の後ろの要素を取り出す
popメソッド
```
var color = ['赤','青','緑'];
// 変更前
console.log(color);

color.pop();
// 変更後
console.log(color);
```
結果
```
// 変更前
['赤','青','緑']

// 変更後
[ '赤', '青' ]
```

#### 配列の後ろに新たな複数の要素を追加
concatメソッド
```
var color = ['赤','青','緑'];
// 変更前
console.log(color);

var uketoru = color.concat('sakamoto','iida');
// 変更後
console.log(uketoru);

```
結果
```
// 変更前
[ '赤', '青', '緑' ]

// 変更後
[ '赤', '青', '緑', 'sakamoto', 'iida' ]
```
##### concatを使う例 (結果は上と同じ)
```
var color = ['赤','青','緑'];
var name = ['sakamoto','iida'];

var uketoru = color.concat(name);
console.log(uketoru);
```

#### 配列内を要素を部分的に取り出す
sliceメソッド


```
var number = ['1号','2号','3号','4号','5号','6号','7号','8号'];

// 変更前
console.log(number);

// 変更後
console.log(number.slice(1,3));

console.log(number.slice(3,6));
```
結果
```
// 変更前
[ '1号', '2号', '3号', '4号', '5号', '6号', '7号', '8号' ]

// 変更後
[ '2号', '3号' ]

[ '4号', '5号', '6号' ]
```
###### 解説
```
取り出す位置を決める
        終了位置(３の直前の位置を指定)
         ↓
.slice(1,3);
       ↑
       開始位置
```