複数のGoogleスプレッドシートの内容をjsonデータとして使いたい

Question

Google spread sheetで、シートの内容をjavascriptでJSONで取り出す場合、
１つのシートから値を取り出すことはできますが、複数のシートでそれぞれの
JSONファイルを作ってAPIとjavascriptでシートごとのデータを読み込むことはできるのでしょうか？

例）
シート１　JSON data 1 ******
シート２　JSON data 2 ******
シート３　JSON data 3 ******

シート１，２，３のJSONをそれぞれ分けて、javascriptで使いたい。

function getData(id, sheetName) {
 var sheet = SpreadsheetApp.openById(id).getSheetByName(sheetName);
 var rows = sheet.getDataRange().getValues();
 var keys = rows.splice(0, 1)[0];
 return rows.map(function(row) {
 var obj = {}
 row.map(function(item, index) {
 obj[keys[index]] = item;
 });
 return obj;
 });
}

function doGet(request) {
 var func = 'jsondata';
 var data = getData('xxx_スプレッドシートのURL_xxx', 'Sheet1');
 return ContentService.createTextOutput(func + '(' + JSON.stringify(data, null, 2) + ')')
 .setMimeType(ContentService.MimeType.JAVASCRIPT);
}

Answer 1

理解がずれていたらすみません。
それぞれのシートの値を取得し一つの配列にしてjsonにして渡してやるというのではダメですか？

var resluts = {
   sheet1:getData('xxx_スプレッドシートのURL_xxx', 'Sheet1'),
   sheet2:getData('xxx_スプレッドシートのURL_xxx', 'Sheet1'),
   sheet3:getData('xxx_スプレッドシートのURL_xxx', 'Sheet1')
}

 return ContentService.createTextOutput(func + '(' + JSON.stringify(resluts, null, 2) + ')')
 .setMimeType(ContentService.MimeType.JAVASCRIPT);

Comments

[tanaka_akio]

Tatsunosukeさん、ありがとうございます。このようにシートをまとめてデータ化できるんですね。すごいです。
出来上がった JSONを javascript 側でパースして　各シートごとのJSONデータの中身の配列をjavascriptの中で表示させたいのですが、いまいちパースのやり方がわかりません。調べているのですがなかなかやり方が見つからないのですが、何か参考になるコード、もしくはサイトなどがあればアドバイスいただけないでしょうか。

[Tatsunosuke]

var json = api で渡されたjson　
var data = JSON.parse(json);

これで、
var data{
sheet1:"シート1のデータ",
sheet2:"シート2のデータ",
sheet3:"シート3のデータ"
}

になってるはずなので、それぞれの好きなところを使ってもらえれば！
console.log()でそれぞれを見ればどんな感じでの配列になっているか
確認できると思います。

[tanaka_akio]

Tatsunosukeさん　ありがとうございます。
１つ疑問点があります。
google spread sheet 側で 出来たURLをダイレクトに開くと直接JSONのデータが見えるようになりましたが（下記のURL)

https://script.google.com/macros/s/*****/exec

これをそのまま　
var data ='https://script.google.com/macros/s/*****/exec'

var json = data
var data = JSON.parse(json);

のようには出来ないのでしょうか？

var json = api で渡されたjson　　　ーー＞この部分は調べてみると fetchのコードを使ってJSONとして取り出す？　みたいなことが書いていたのですが、fetch のコードを使う必要がありますか？

[Tatsunosuke]

アクセス先 ＝ GAS(API)
アクセス元 = ???
??? =>　GAS => JSON => ???
こんな流れなんですが、???は何で行ってますか？

phpやJsやPythonや色々あります。。。
jsの場合であれば、おっしゃるようにfetchやaxios使ったりします。

[tanaka_akio]

ありがとうございます。javascriptです。
↓を見ながら挑戦していますが、なかなかうまくデーターが得られません。（汗；）

このfetch codeで出来ますか？

https://qiita.com/Molly95554907/items/730220dfc1178e78d7ce

const url = //任意のAPIのhttpアドレス

//APIからJSONデータを取得する
fetch(url)
.then((response) => {
return response.json()　//ここでBodyからJSONを返す
})
.then((result) => {
Example(result); //取得したJSONデータを関数に渡す
})
.catch((e) => {
console.log(e) //エラーをキャッチし表示
})
})

[Tatsunosuke]

↑これの結果はどうでしたか？
console.logの結果見せていただけると！

[tanaka_akio]

const url ="https://script.google.com/macros/s/AKfycbzdU4Md20DUSfQFcqJJbUG81LIFGh42WmAQZN_9r3wh3SKSJknB/exec";

//APIからJSONデータを取得する
fetch(url)
.then((response) => {
return response.json()　//ここでBodyからJSONを返す
})
.then((result) => {
Example(result); //取得したJSONデータを関数に渡す
})
.catch((e) => {
console.log(e) //エラーをキャッチし表示
})

//JSONデータを引数に受け取ってDOM操作を行う関数を作成
function Example(jsonObj){
const data = jsonObj.results[0]
name.textContent = data.name;
age.textContent = data.age;
}

コンソール
[object Error] { ... }

[Tatsunosuke]

？
コンソール
[object Error] { ... }←これは、どこのlogですか？

.catch((e) => {
　　console.log(e) //エラーをキャッチし表示
　　↑これですか？　
})

logに出たきた内容これで全部でした？

[tanaka_akio]

Tatsunosukeさん

試行錯誤の連続でした。そして、今朝なんとか、JSONを得ることに成功です。
こちらがコードです。
https://d.kuku.lu/a5be221f6

そして、得られたJSONの形がこれ
https://d.kuku.lu/9fd3e279c

このJSONから sheet1だけの要素を抜き出すやり方がわかりません。

やりたいのは、sheet1から"英語”のところだけの要素を抜き出して、配列にしたいです。

var English = [car,apple,lemon]

のようにして、javascriptでいじりたいです。どうしたらいいのでしょうか？

[tanaka_akio]

Tatsunosukeさん
ありがとうございます。
午前中ずっと試行錯誤してついにできました。
text.sheet1.英語
これでいけそうです。
最後に教えて下さい。
fetchでJSONをスプレッドシートから持ってくると、非同期通信のため
javascrpit側で表示させると、たまに配列が空でundefinedとでてしまいます。
fetchでデータをもらったのを確認してから配列に入れるようにするには何かいい方法はありますか？

[Tatsunosuke]

おお！進んでますね！素晴らしい！

asyncとawait 使ってみてください！
https://www.sejuku.net/blog/69618

[tanaka_akio]

ありがとうございます。昨日遅くまでasyncとawaitをトライしていました。
なかなかやり方が難しいのですが、ようやくなんとかできそうです。あともう少しがんばります！ありがとうございます。

[Tatsunosuke]

はい！頑張ってください！応援してます！

[tanaka_akio]

本当に感謝です！！！嬉しいです。

[Tatsunosuke]

????