[fetch api]returnをしてもundefinedになる

Question

前提・実現したいこと

fetch apiをつかってjsonデータをとり、jsonパースしたのち配列に入れたいのですが、return前に値が入っているか確認すると入っているのですが、returnを受け取った変数をみてみるとundefinedになっています。
どこが原因でしょうか。

発生している問題・エラーメッセージ

undefined //console.log(data);

該当のソースコード

function getData(){
    const id=6;
    const result=[];
    fetch(`http://127.0.0.1:8000/hoge/${encodeURIComponent(id)}`)
    .then(response => {
        console.log(response.status); // => 200
        return response.json();
    }).then(data => {
            // JSONパースされたオブジェクトが渡される
            console.log(data.x[10]); 
            result[0]=data.x.split(',');
            result[1]=data.y.split(',');
            result[2]=data.z.split(',');

            console.log(result[0]); //値が入っていることを確認
            return result;
    });
  }

async function init() {
    var data=await getData();
    console.log(data);　//undefinedになる

Answer 1

fetch（Promise）を返却してください。

function getData(){
  /* omitted */

  return fetch(`http://127.0.0.1:8000/hoge/${encodeURIComponent(id)}`)

  /* omitted */

}

Comments

[aiai8976]

ありがとうございました。
fetchをreturnする必要があったのですね。