【GAS】配列の各要素に対してループ処理（反復処理）を実行する（for / while / forEach / map）

2022年10月6日GASfor,forEach,map,while

この記事では、配列の各要素に対してループ処理（反復処理）を実行する方法をご紹介します。

配列の各要素に対してループ処理を実行するには、GAS（その元となるjavascript）に備わっているループ処理構文（for / while）と、配列のメンバーとしてループ機能がある反復メソッド（forEach / map）があります。それぞれの構文と使い方を解説します。

for文

多くの言語でもなじみ深く、使用方法がわかりやすいのがfor文によるループ処理です。

GASではスプレッドシートを読み込み、配列としてfor文を回すことも多いですが、配列に繰り返し処理を実行する場合、条件で置いた変数をインデックスとして用いて各要素を呼び出すことが多いと思います。

  let animals = ['cat', 'dog', 'elephant', 'tiger', 'lion', 'monkey'];

  for (let i = 0; i < animal.length; i++){
      animal[i] = animal[i] + 's';
  }
  console.log(animal);//[ 'cats', 'dogs', 'elephants', 'tigers', 'lions', 'monkeys' ]

配列と一緒に使うとループ処理が格段に便利になるfor文がfor inとfor of です。

配列や文字列など、反復可能なオブジェクトに含まれるすべての要素に対して繰り返し処理を実行します。for文との違いとして、すべての要素に処理を実行するので条件式や増減式は不要です。

for of 文

for of文は、反復可能オブジェクトに含まれる要素を定められた順番通りに取り出しで反復処理を実行します。

  let animals = ['cat', 'dog', 'elephant', 'tiger', 'lion', 'monkey'];

  for (let animal of　animals){
      console.log('index of',animal, ':' ,animals.indexOf(animal));
  }

for in

for in文は、反復可能オブジェクトに含まれるプロパティを順不同で取り出し、変数に格納してから反復処理を実行します。変数として取り出すのが要素ではなくプロパティ自身であること、順序が保証されていないことがfor of 文との大きな違いです。

  let animals = ['cat', 'dog', 'elephant', 'tiger', 'lion', 'monkey'];

  for (let index in　animals){
      console.log('index ', index, ':', animals[index]);
  }

while文

for文は処理回数が決められていましたが、処理するものがあれば実行し続けてくれるのがwhile文です。処理実行前に条件を確認してtrueであれば処理を実行し続けます。

  let i = 0;  
  while(i > 5){
    console.log(i);
  　i++;
  } 

do while

while文とは条件判定のタイミングが異なり、while文が処理実行前に判定するのに対してdo while文は処理後に判定します。while文は条件によっては一度も実行されない可能性がありますが、do while文は最低一度は実行される点で異なります。

 let  i = 0;
  do{
    console.log(i);
  　i++;
  } while(i > 5)

forEachメソッド

配列の各要素に対して関数を実行するメソッドです。

  let animal = ['cat', 'dog', 'elephant', 'tiger', 'lion', 'monkey'];

 //各要素をログする関数
  function logAnimal(value) {
    console.log(value);
  }

  animal.forEach(logAnimal);

mapメソッド

 let animal = ['cat', 'dog', 'elephant', 'tiger', 'lion', 'monkey'];
 
 //各要素の先頭に'a 'を加える関数
  function logAnimal(value) {
    return 'a ' + value;
  }

 console.log(animal.map(logAnimal));//[ 'a cat', 'a dog', 'a elephant', 'a tiger', 'a lion', 'a monkey' ]

forEachメソッドと同じような印象を持ちがちですが、各要素に対して関数の処理を実行するforEachメソッドに対して、mapメソッドは処理結果を新たな要素として配列に返すということなので結果が全然異なります。

まとめ

GASにおいて、配列の各要素に対してループ処理を実行する手法（for文 / while文 / forEach / map）をご紹介しました。