[ノンプロ研]GAS初級講座8期DAY6補講スプレッドシートの操作・実践編

どうも。つじけ（tsujikenzo）です。このシリーズでは、2021年2月から始まりました「ノンプロ研GAS初級講座8期」について、講座内では伝えきれなかったことなどを、全8回でお届けします。今日は第6回（Day5）です。

前回のおさらい
主なArrayオブジェクトのメンバー
配列を使ったデータ処理
構造化データ
1. 構造化データを意識するために
まとめ
このシリーズの目次

前回のおさらい

前回は、「スプレッドシートの操作・基礎編」ということで、SpreadsheetAppをトップレベルオブジェクトとした、SpreadSheetオブジェクト→Sheetオブジェクト→Rangeオブジェクト、という階層構造でオブジェクトを掴んでいきましたね。

最終的には掴んだRangeオブジェクトに対して、set/get Value(s)メソッドをぶつけました。

[ノンプロ研]GAS初級講座8期DAY5補講スプレッドシートの操作基本編

どうも。つじけ（tsujikenzo）です。このシリーズでは、2021年2月から始まりました「ノンプロ研GAS初級講座8期」について、講座内では伝えきれなかったことなどを、全8回でお届けします。今日は第6回（Day5）です。前回のお...

今日のアジェンダです。

Arrayオブジェクト
配列を使ったデータ処理
構造化データ

今回は、主に配列の操作を学習します。前回もお伝えしましたが、GASによるスプレッドシートの操作は、セルを単体でつかむことは稀で、配列で操作を進めていきます。

配列を操作する「組み込みオブジェクト[Arrayオブジェクト]」の様々なメンバー（プロパティとメソッド）を習得しましょう。

主なArrayオブジェクトのメンバー

プロパティ

Arrayオブジェクト.length

メソッド

Arrayオブジェクト.includes(値)

Arrayオブジェクト.indexOf(値)

Arrayオブジェクト.push(値)

Arrayオブジェクト.shift()

Arrayオブジェクト.flat()

flat()メソッドの引数に’Infinity’’を渡すと、強制的に1次元配列に変換するので是非覚えておいて損は無いと思います。

const array = [[[['a']]]];
console.log(array.flat(Infinity)); //[‘a’]

Array.prototype.flat() - JavaScript | MDN

flat() は Array インスタンスのメソッドで、すべてのサブ配列の要素を指定した深さで再帰的に結合した新しい配列を生成します。

※Infinityは無限大を表すグローバルプロパティです。

Infinity - JavaScript | MDN

グローバルプロパティ Infinity は無限大を表す数値です。

破壊的メソッド

Arrayオブジェクト.push(値)

Arrayオブジェクト.shift()

などは、実行すると元の配列を破壊してしまいます。（配列が参照渡しだからです。）なので、元の配列はそのまま残しておいて、変化を加えた新たな配列として操作したい場合は、配列の複製を作成してから破壊的メソッドを使用する必要があります。

配列を複製する方法

配列を複製するためには、配列名にドットを3つつなげる、スプレッド構文[…配列名]というテクニックを使います。

const members2 = [...members];

「配列を壊してしまう」とはどういう動きのことでしょうか。例文を用意してみました。7～8行目を実行する場合は、10～11行目をコメントアウトして、それぞれ、元の配列[array]にどのような変化があるか、確認しましょう。

function myFunction() {

  const array = ['Tom', 'John', 'Bob'];
  const copyArray = array;
  const copyArray2 = [...array];

  // copyArray.push('Ivy');
  // console.log(array); // [ 'Tom', 'John', 'Bob', 'Ivy' ]

  copyArray2.push('Ivy');
  console.log(array); //  [ 'Tom', 'John', 'Bob' ]

}

V8ランタイムになってから、やっとスプレッド構文を使えるようになりました。それまでは、複製を生成する仕様を持っているメソッドを使う必要がありました。