外部APIから取得したデータの一部値を削除する

Question

前提・実現したいこと

外部APIから取得した一部データを整形して使用したいです。
現在GoogleBooksAPIからデータを検索して使用していますが、著者名の項目に不要な[]と"がついているので、この二つを取り除いた文字列を使用したいです。
現状　["著者名"]
表示させたい文字列著者名

該当のソースコード

 authors (valu) {
      const authors = valu.volumeInfo.authors ? valu.volumeInfo.authors : 'No authors'
      return authors.replace('"', '')
    },

試したこと

・replaceと正規表現を利用して表示させようとする
・aplitとjoinを使用する

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

配列みたいなので、
authors[0]
でどうですか？

Answer 2

「[]」が含まれている理由は、配列として返ってきたものをそのまま表示させているからと考えられるので、

 authors (valu) {
-      const authors = valu.volumeInfo.authors ? valu.volumeInfo.authors : 'No authors'
 authors (valu) {
+      const authors = valu.volumeInfo.authors ? valu.volumeInfo.authors.join(' ') : 'No authors'

-      return authors.replace('"', '')
+      return authors
    },

としてはいかがでしょうか。
（複数の著者が存在する場合は、スペースで連結）

Comments

[kaji120]

ご回答ありがとうございます。
なるほど、配列をそのまま表示させていたので不要な文字がついていたのですね。。
joinで配列から取り出して使用することができました。
ありがとうございました。

Answer 3

JSONフォーマットっぽいので JSON.parse に突っ込めば文字列の配列になりますね。