最近は授業では駆け足でJavascriptの勉強をしています。
その中で一番苦戦中なのがwindowやformなどのプロパティごとに特殊なインスタンスメソッドがある点です。
とにかく量が多くて
入力フォーム作りなどでは大苦戦してます(汗
今日授業後居残りして取り組んだのが、サムネイルをマウスオーバーした際に大きなサイズのメイン画像をメイン窓に表示させるシステムの中で、サムネイル画像のファイル名だけをいじってメイン画像のファイルを表示させる作業。
サムネイル画像のファイル名は001.jpg
メイン画像のファイル名はa001.jpg
002,003・・・といったように画像ファイルがあるのに対し、メイン画像はaが頭についています。
ここで最初はsplitメソッドを使ってファイルが収納されているフォルダ「img/」の「/」の部分で切り分け、そして切り残された「img」と「001.jpg」の間に失われた「/」と「a」を文字列連結したらうまくいかない・・・
window.alertで表示してみたらなんだかものすごい表示が!
なんと絶対パスだったらしくあらゆる「/」を切り分けてそれに「a」を添えて繋ぎ合わせてたみたい・・・
結論を言うと、配列で考えて「/」でsplitした後に、配列の最後の要素(=ファイル名の部分)の頭に「a」を文字列連結した上で「/」でjoinするのが正解でした。
居残りに付き合ってくださった先生のアドバイスのおかげで、解決しました。
クイズを解いているような感覚で頭ぐしゃぐしゃーってしたくなるような気持ちになるときがたまにあります(笑)
でもこういうの自分は結構好きなんですよね。
だから楽しんで取り組めています。