配列上にあるURLをhrefに組み込みたい。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
配列上にあるURLをhrefに組み込みたい。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

新人エンジニアです。
正しく質問できているかどうかも怪しいレベルですのでお手柔らかにお願いします。
現在、配列から取り込んだURLをjavascriptのif文を使ってhrefに取り込みたいのですが、エラー(unexpected identifier)が発生して取り込むことができません。
おそらくhrefの表記方法がおかしいのだと思うのですが、誰か賢い方回答お願い致します。

該当のソースコード

var content="";

      for (var i = 0; i < markerData.length; i++) {

            content='<a href="markerData[i]['url']">markerData[i]['name']</a>'
         
            infoWindow[i] = new google.maps.InfoWindow({
            content:content
          });
      
      };

試したこと

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

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

Comments

[退会済みユーザー]

質問者さんの言う DB とは何ですか？

[tatsuki1805]

すいません。
配列の中にあるurl(markerData[i]['url'])です。

Answer 1

シングルクウォートとダブルクウォートが混じっています(構文エラーです)。

content = '<a href="' + markerData[i]['url'] + ">" + markerData[i]['name'] + '</a>'

構文エラーは実行前にきづけるようにエディタや開発環境を整えたほうが今後楽になると思います。

実行環境によりますが「テンプレート文字列・ヒアドキュメント」などが使えると

content = `<a href="${markerData[i]['url']}">${markerData[i]['name']}</a>`

のようにも書けます

Comments

[tatsuki1805]

無事、実行することができました。
ありがとうございます。
今後の構文エラー対策のためにエディタや開発環境を整えて行きたいと思います。