締切済み

substringとlengthの連携コード

2014/10/25 12:36

Smessage = Smessage.substring(2,Smessage.length) + Smessage.substring(0,2);の部分ですが、動きがイマイチわからないです。 substringで配列2つ目(= S2)とlengthで持ってきた値=4(だがsubstringの終了インデックスはその前の数字を考えるので3つ目= S3)を抜き出し、2つ目のsubstringで配列0番目(= S1)=と2番目(= S3)を抜き出し、結果S2とS4　+ S1とS3をSmessageに代入しているんですか？順番としてはS2が最初に来て次にS4、 S1最後にS3が来るのではないんですか？でも実行結果はS1、S2、S3、S4と順番通りになっています。この辺が良くわかりません。 <!DOCTYPE HTML> <html><head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <script type="text/javascript">  </script> <style type="text/css">  </style> </head> <body onLoad="Message()"> ★ステータス行に文字を流してます </body></html>

KAIJI-000
お礼率45% (225/492)

JavaScript
回答数3
ありがとう数6

みんなの回答 （3）
専門家の回答

みんなの回答

kmee
ベストアンサー率55% (1857/3366)

2014/10/30 07:47 回答No.3

> Smessage.substring(2,Smessage.length) の()内は2と１つ目の空白からここにメッセージを数えた文字数が入るのでしょうか？　 > 次のsubstring(0,2)は0番目から２番目の文字なので、「１・つ・目」の３文字？これくらいは、自分で調べましょう。・マニュアルや解説サイトを探して、読む。・alertやデバッガを使って確認する。など。例えば上のプログラムの該当個所周辺を window.status = Smessage; // デバグ用 alert(Smessage); alert(Smessage.length); alert(Smessage.substring(2,Smessage.length)) ; alert(Smessage.substring(0,2)); // Smessage = Smessage.substring(2,Smessage.length) + Smessage.substring(0,2); // デバグ用 alert(Smessage); // とでもすれば、その2つの質問への答えになるはずです。

質問者

補足 2014/11/01 12:47

返事が遅れました。変数の文字列を同じにして考えていたのがバカでした。 var Sm1 = "0１つMe"; var Sm2 = "２tsu目"; var Sm3 = "３津メ"; var Sm4 = "ここにメッセージを入れます......。"; とし、さらに Smess = Smess.substring(2,4) + Smess.substring(0,2); とし、時間もtimeID = setTimeout("Mess()",5000); のようにゆっくりにしてalertで試してみるべきでした。検証不足は申し訳ないです。ただそれでもすいません。まだ、仕組みが解ってません。なぜ文字がずれているのですか？ substiringは完全に取り除くと言うイメージですか？１回目のアラートでつM01 これはわかります。でも２回目のアラート 01つM になぜなるのかわかりません. それとlengthが間に入っているのがややこしいです。

kmee
ベストアンサー率55% (1857/3366)

2014/10/25 18:37 回答No.2

> substringで配列2つ目(= S2) からして間違いです。 var Smessage = S1+S2+S3+S4; はS1とS2とS3とS4を連結して一つの文字列にするもの。 var S1 = "１つ目の空白 "; var S2 = "２つ目の空白 "; var S3 = "３つ目の空白 "; var S4 = "ここにメッセージ......。"; だから var Smessage = "１つ目の空白２つ目の空白３つ目の空白ここにメッセージ......。"; になる。 Smessageは配列ではない。文字列.substringは、文字列の一部を切り出して、新しい文字列にするもの。マニュアルなどに書いてある「インデックス」は「何文字目」というのとほぼ同義。「インデックス0番目の文字」=「一文字目」

質問者

補足 2014/10/28 22:13

こちらへの回答も有難うございます。 Smessage.substring(2,Smessage.length) の()内は2と１つ目の空白からここにメッセージを数えた文字数が入るのでしょうか？　次のsubstring(0,2)は0番目から２番目の文字なので、「１・つ・目」の３文字？

bin-chan
ベストアンサー率33% (1403/4213)

2014/10/25 14:40 回答No.1

今、試せる環境に無いのですが。 Smessageに”ABCDEF”でも代入し、Alartで Smessage.substring(2,Smessage.length) + Smessage.substring(0,2); を表示するだけのプログラム書いてみるとかしたほうが結局早くないですか？

質問者

補足 2014/10/28 21:38

ご提案有難うございます。ただ質問としてはコードについてかみ砕いた解説をお願いしたいです。

関連するQ&A

タイプライター風 part２
以前、pesoさん、xruzさんに教えられたこと等をもとに以下のようなscriptを作成しました。／／／／／／／ <head> <script language="javascript">  </script> </head> <body bgcolor="#cccccc" onload="type()"> <div id="myText" style="position:absolute;top:20;left:20;"></div> </body> pesoさん、xruzさん、ありがとうございました。これでほぼ、僕の作りたいスクリプトができました。(不要なところもありますが......) ですが、このままだとstr1のみしか表示されず、str2、str3は表示されません。(当然ですが) str1を表示した後にstrにstr2、str3を入れるにはどうしたらいいのでしょうか？(以前、xruzさんに教えていただいたスクリプトを永遠に続けるような感じです。)
- ベストアンサー
- JavaScript
javaスクリプトでリンク付のスクロールテキストを作成したいのですが、
javaスクリプトでリンク付のスクロールテキストを作成したいのですが、困っております。参考サイトを探し、下記の状態まで作成しております。 <html> <head> <script language="JavaScript">  </script> </head> <body bgcolor="white" onLoad="textDisp();"> <form name="form1"> <input type="text" name="text1" size="60" onclick="textlink();" style="cursor:hand;border:none;color:#ff3399;" onMouseover="this.style.color='#ffcc00'" onMouseout="this.style.color='#ff3399'"> </form> </body> </html> 表示時に”テキスト”と”テキスト2”を独立してそれぞれ、違うリンク先に飛ばすにはどのようにすればよろしいでしょうか？また、空白をのぞき、リンク部分だけに下線をつけたいです。 CSSで指定をすると文字から空白まですべてに下線が付いてしまいます。説明が悪いかもしれませんが、もしお分かりになる方おられましたら、参考サイトでもかまいませんのでお教えいただけますと幸いです。
- 締切済み
- JavaScript
JavaScriptの文字表示速度
こんにちは。 JavaScriptの事でお聞きしたい事があります。まではこれを見てください。 <SCRIPT language="JavaScript">  </SCRIPT> -------------------- 文字を出したいところに <SCRIPT language="JavaScript">  </SCRIPT> -------------- と張ります。このスクリプトですが、htmlに張ると小さい文字表示の部分が出てきて右から左にむかって文字が流れていきますが、途中から文字の表示速度が速くなっています。これてなぜか自分でもいろいろとやってみたのですが、いまいちよくわかりません。説明をお願いできますでしょうか。よろしくお願いします。
- 締切済み
- JavaScript
入力した文字をステータスバーに流したい
フォームに入力された文字をステータスバーに流したいのですがどうしてもわかりません。（動かさずに表示させることは出来ました。） <html> <body> <form method="post"> 文章を入力してください<br> <input type="text" size="30" onchange="a(this)"> </form> </body> </html> <script language="javascript"> function a(t){ tt=t.value; nagasa=tt.length; text=tt.substring(2,nagasa) + tt.substring(0,2); window.status=text; setTimeout("a('"+text+"')",1000); } 自分でも何かおかしいと思うのですがどうしても思いつけません。わかる方教えてください。よろしくお願いします。
- ベストアンサー
- JavaScript
JavaScript初心者です。URLの末尾に含まれる文字列を名前にもつclassのstyleを変更したいです。
JavaScript初心者です。 URLの末尾に含まれる文字列を名前にもつclassのstyleを変更したいんですが。。 URLに含まれる文字列を名前にもつidのスタイル変更については解決したのですが、同様のことclassでもやりたいと考えています。例えばURLの末尾が /index.html?AAA&BBB となっている場合、非表示だったAAAとBBBのdivを表示するということをやりたいです。ソースは以下になります。前半でURLの末尾を取得して、後半でclassのスタイルを書き換えているつもりです。それぞれでは動作するんですが、あわせると動作しません。自分はかなり初心者ですので、根本的な誤りがあるかもしれませんが、ご教授よろしくお願いします。 <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>test</title> <style type="text/css">  </style> <script language=javascript>  </script> </head> <body onload=changeStyle();> <div class="AAA">111</div> <div class="AAA">222</div> <div class="AAA">333</div> <div class="BBB">444</div> <div class="BBB">555</div> <div class="CCC">666</div> <div class="CCC">777</div> </body> </html>
- 締切済み
- JavaScript
ボタンを2回押さなければ・・・
こんにちは　趣味でjavascriptをしている者ですフラッシュ暗算のようなものを作りたくて、以下のようなコードを作ってみましたが、ボタンを2回押さなければ、実行されませんどこが間違っているのか教えていただけないでしょうかよろしくお願いします <html> <head> <script type="text/javascript"> function Timer() { this.timeID = null; } function init() { msTimer = new Timer(); timerA = new Timer(); } function hyouji() { document.Form1.box1.value = "おい！！"; } function hihyouji() { document.Form1.box1.value = ""; } function Shutudai() { clearTimeout(timerA.timeID); timerA.timeID = null; timerA.timeID = setTimeout( "hyouji()", 500 ); timerA.timeID = setTimeout( "hihyouji()", 500 ); } function GameBody() { msTimer.timeID = setInterval( "Shutudai()", 1020 ); } </script> </head> <body bgColor="efdcaa" onLoad="init()"> <form name="Form1"> <input type="text" name="box1" size="20"> <input type="button" value="開始" onClick="GameBody()"> </form> </body> </html>
- ベストアンサー
- JavaScript
ＪＳの記述を別ファイルに移す
下記のＨＴＭＬ内の　<script type="text/javascript">～</script>　をtest.jsとして別ファイルに移す場合にどのように、記述するればよいのでしょうか。単純にコピペしたのですがうまくいきません。初歩的だとは思いますが、ご指導をお願いします。 --------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/Draggable.js"></script> </head> <body> <div id="test1" class="test"></div> <div id="test2" class="test"></div> <script type="text/javascript"> var test1 = new Draggable("test1"); var test2 = new Draggable("test2"); </script> </body> </html>
- ベストアンサー
- JavaScript
このJavaScriptを外部ファイルにしたいのですが
下記のjavascript部分を外部ファイルにしてすっきりさせたいのですが方法がわかりません。どなたかよろしくお願いします。 <head> <script type="text/javascript">  </script> </head> <body onLoad="txtScr();"> <form name="formd" action="index.html" STYLE="margin: 4px;"> <noscript class="red"> JavaScriptの表示を有効にするか<br> JavaScript対応ブラウザで見てください。<br> </noscript> <input type="text" name="denkou" value="お知らせ" size="60%" tabindex="6" accesskey="f" style="background-color:#ccffcc;color:#333333;border:0px none #ffffff;font-size:22px;font-weight:bold;"> </form>
- ベストアンサー
- JavaScript
カーソル位置に文字を挿入
カーソル位置に文字を挿入しようとしているのですが、どうもうまく行きません。コードは以下なのですが、FireFox 等ではうまくいきますが、IE ではうまくいきません。どこが間違っているのでしょうか。よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> 　<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> 　<title></title> <script type="text/javascript"> //@cc_on (function(){ 　document./*@if(1) attachEvent('on'+ @else@*/ addEventListener( /*@end@*/ 'click', function( evt ) { 　　var t = evt./*@if(1) srcElement @else@*/ target /*@end@*/; 　　　　if ( t.tagName == 'BUTTON' && /(^| )ContributionForm( |$)/.test( t.form.className ) ) { 　　　var content = t.form.elements['content']; 　　　　　　/*@if(1) 　　　　var r = document.selection.createRange(); 　　　　var c = r.duplicate(); 　　　　c.moveToElementText(content); 　　　　c.setEndPoint('EndToEnd', r); 　　　　var pos = c.text.length; 　　　@else@*/ 　　　　var pos = content.selectionStart; 　　　/*@end@*/ 　　　var moji_1 = content.value.substring( 0, pos ); 　　　var moji_2 = content.value.substring( pos, content.value.length ); 　　　content.value = moji_1 + t.value + moji_2; 　　　　　} 　　　}, false ); })(); </script> </head> <body> 　<form action="#" class="ContributionForm" id="form" name="form"> 　　<div> 　　　　<button type="button" value="test">ボタン</button> 　　　<textarea name="content"></textarea> 　　</div> 　</form> </body> </html>
- ベストアンサー
- JavaScript
setTimeout関数の使用方法について
はじめまして。質問があります。以下のコードを実行すると、一定時間おきに文字の表示が変化するように動いてくれません。何が問題なのかがまったく見当がつきません。どなたかご指摘をお願いします。 ---------------------------------------------------------------- <html> <head> <title>setTimeout()関数の使用例</title> </head> <body onLoad="timer=setTimeout('changeChar()',500)"> <script type="text/javascript">  </script> </body> </html> ----------------------------------------------------------------
- ベストアンサー
- JavaScript

substringとlengthの連携コード