---
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);
       ↑
       開始位置