のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,830人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript の質問用スレッド vol.104 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    51 : Name_Not - 2012/11/12(月) 13:34:45.28 ID:??? (+62,+29,-65)
    >>49
    ローカルスコープで試したら結果か変わると思う
    スコープが深い程顕著に差が出るはず
    52 : Name_Not - 2012/11/12(月) 13:45:21.89 ID:??? (-23,-30,-192)
    function test() {
    var t0 = new Date().getTime();
    for(var i = 0; i < 1000; ++i) {
    var a = new Array(10000);
    for(var j = 0; j < 10000; ++j) { a[j] = j; }
    }
    var t1 = new Date().getTime();
    for(var i = 0; i < 1000; ++i) {
    var a = [];
    for(var j = 0; j < 10000; ++j) { a.push(j); }
    }
    var t2 = new Date().getTime();
    for(var i = 0; i < 1000; ++i) {
    var a = [];
    for(var j = 0; j < 10000; ++j) { a[a.length] = j; }
    }
    var t3 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1) + ", " + (t3-t2));
    }
    test();

    としたけど 221、514、316 ですた。どれくらい深いスコープに
    したら変わるというご主張?
    53 : Name_Not - 2012/11/12(月) 14:06:53.83 ID:??? (-2,-30,-50)
    Opera さんは a[a.length] = v の方が速い。
    http://dev.opera.com/articles/view/efficient-javascript/?page=2#primitiveoperator

    Perl さんは push の方が速い。
    58 : Name_Not - 2012/11/12(月) 20:14:09.00 ID:??? (+34,-29,-8)
    結局配列はnew Array()が最速なのか?
    59 : Name_Not - 2012/11/12(月) 20:25:15.27 ID:??? (+64,+29,-9)
    これの場合何が最速なんてブラウザによって変わるんで、気にしない。
    読みやすさを優先するのが吉だと思う。
    60 : Name_Not - 2012/11/12(月) 20:37:38.57 ID:??? (+31,-30,-15)
    a.push(42); // 正解
    a[a.length] = 42; // ← 筋が悪い。何やらせてもトロ臭い駄目なタイプ
    61 : Name_Not - 2012/11/12(月) 20:39:40.41 ID:??? (+57,+29,-72)
    その程度の速さは0.000000001秒ぐらいだから気にすんな
    正規表現もRegEXP使った方が早い早いってリファレンスでも言われてたけど
    速度全く変わり無かったし、そんなもん
    62 : Name_Not - 2012/11/12(月) 20:40:34.48 ID:??? (+62,+29,-23)
    >>60
    前者の方が一目で解るし綺麗だからな
    単にpush知らないだけかもしれんが
    63 : Name_Not - 2012/11/12(月) 20:42:59.09 ID:??? (+67,+29,-46)
    >>58
    だねえ。ちょっと驚いた。ArrayもObjectなので変わらないかと思っていたよ。

    長さ指定で生成すると、その範囲内に高速アクセスするメモリが確保されるってことかなあ。
    実装次第だろうけど。
    64 : Name_Not - 2012/11/12(月) 20:48:02.66 ID:??? (+62,+29,-49)
    まあ、色んな配列やり方試して少しでもパフォーマンス上げるのはいいけど、
    ブラウザによっても違うだろうし、それほど変わらないから、
    それだったら jQuery 使わないやり方を覚えた方が速さを実感できる。
    66 : Name_Not - 2012/11/12(月) 22:05:00.92 ID:??? (+51,+29,-30)
    >>65
    1文字目だけ見れば残りは見なくても判断できるのだったら、1文字目
    だけ取り出して大小比較でもいいかも。でも正規表現の方が結局素直な
    気もする。
    67 : Name_Not - 2012/11/12(月) 22:06:19.82 ID:LusMrap2 (-28,+21,-13)
    >>66

    さんきゅう

    正規表現を使います。
    68 : Name_Not - 2012/11/12(月) 22:10:09.22 ID:??? (-1,-29,-40)
    以前俺はUTF-8の文字列の容量を調べるので
    URIエンコード使ったがそれは関係なさそうだ
    69 : Name_Not - 2012/11/12(月) 22:12:35.56 ID:??? (-1,-13,-40)
    Javasriptって如何にグローバル変数を使わずにコーティングするか
    を考えるゲーム感覚で組んでるけど、違う?
    71 : Name_Not - 2012/11/12(月) 22:42:25.05 ID:NK/gCriq (-15,+29,-36)
    ああ、リロードしてなかったすみません…


    >>69
    あまり多く使われると、コードの見通しは悪くなるわなー
    先週末似たようなことを愚痴ったけど、無数のグロ変数を
    あちこちの関数から参照されると訳わからんくなる
    72 : Name_Not - 2012/11/12(月) 23:06:55.88 ID:??? (+38,+10,-21)
    グローバル変数は名前解決に時間がかかるからその分遅くなるしな
    73 : Name_Not - 2012/11/13(火) 02:25:07.63 ID:o0Jd79pv (+24,+29,-36)
    ほー
    やっぱり、スコープチェーンを1個ずつ辿っていくから遅いんですかね?
    74 : Name_Not - 2012/11/13(火) 10:02:42.30 ID:??? (+57,+29,-2)
    >>69
    塗装か被覆みたいじゃないか。
    75 : Name_Not - 2012/11/13(火) 11:18:13.24 ID:??? (+57,+29,-12)
    よく気づいたな。バグ取り得意なほうか?
    76 : Name_Not - 2012/11/13(火) 11:21:51.99 ID:??? (+3,-30,-163)
    計ってみました。「451,322」「451,323」「451,319」で、1.5倍は違わない
    ようでした。自分の手元の環境では。
    <!DOCTYPE html><html><head><title>???</title><body>
    <pre><script type="text/javascript">
    var x;
    function test(n) {
    if(n > 0) { test(n-1); return; }
    var y; x = y = 0;
    var t0 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { ++x; }
    var t1 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { ++y; }
    var t2 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1));
    }
    test(0); test(100); test(500);
    </script></pre></body></html>
    77 : Name_Not - 2012/11/13(火) 11:28:43.78 ID:??? (+57,+29,-8)
    PC環境やブラウザによってぜんぜん違うんだからそれを書かなきゃ意味がない
    78 : Name_Not - 2012/11/13(火) 11:39:03.84 ID:??? (-2,-30,-36)
    Mac OS X 10.6.4 2.53GHz Core Duo 2
    Safari 5.01
    でもどの環境/ブラウザでも「相対的な違いは」そんなもんじゃないですかね?
    79 : Name_Not - 2012/11/13(火) 11:42:19.81 ID:??? (+62,+29,-143)
    今時ページなんか作らないでconsoleでやれよ。それと、こんなもん繰り返しの数でその差は
    開くんだし、そもそも参照じゃなくてインクリメント主体じゃねえか。そんな調査で
    何倍だとか言われてもな。まあ、ブラウザによって実装は異なるんだしバージョンが上がれば
    最適化で結果も変わるだろうし、決定的な差が無い限りこの手の調査は無意味だな。全くの無駄。
    80 : Name_Not - 2012/11/13(火) 11:46:06.59 ID:??? (+3,-30,-154)
    何も計らないよりはましでしょ。参照がよければ参照に直して計れば
    いいんだし。計ってみましたが。
    var x;
    function test(n) {
    if(n > 0) { test(n-1); return; }
    var z, y; x = y = 0;
    var t0 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = x; }
    var t1 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = y; }
    var t2 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1));
    }
    test(0); test(100); test(500);
    279, 283 284, 289 285, 284
    つまり参照だけにしたら「ほとんど差はない」という結果になりました。
    81 : Name_Not - 2012/11/13(火) 12:13:33.62 ID:??? (+62,+29,-141)
    参照なら x; y; だけでいいんだよ。でもこんなものは最適化で削ってしまうブラウザもあるかもしれんし、
    毛曲は誤差の範囲なんだから実測値に意味は無い。というか、そのコードでも焦点は基本型のコピーだと思うがね。
    こういうケースではよくあるだろ?論理的にはAのほうが速いとかいうやつ。それでいいんだよ。実測値を
    持ってきたところで実装に依存する部分が多いし(参照なんて頻繁に最適化の対象にされるから)、
    ECMAの仕様に純粋に依るなら 論理的には というワードを用いるしか無い。
    82 : Name_Not - 2012/11/13(火) 12:21:14.38 ID:??? (+62,+29,-71)
    それと補足しておくと、ローカルとグルーバル、変数名の解決を実測したいなら
    もっと変数を増やすとか、チェーンを連ねるとか、もう少し環境を考えるべきだぞ。そのコードだと
    ローカル側は数えるほどしか変数がないじゃないか。
    83 : Name_Not - 2012/11/13(火) 12:31:09.24 ID:??? (+3,-30,-207)
    最適化で削られているかどうかは、次のようなコードで試せば
    分かるわけで。同環境で確かに時間は増えていますね。
    <!DOCTYPE html><html><head><title>???</title><body>
    <pre><script type="text/javascript">
    var x;
    function test(n) {
    if(n > 0) { test(n-1); return; }
    var z, y; x = y = 0;
    var t0 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = x; z = x; }
    var t1 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = y; z = y; }
    var t2 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1));
    }
    test(0); test(100); test(500);
    </script></pre></body></html>
    365, 396 362, 401 362, 397
    ちなみに最初の数字は1段の呼び出し、その後は100レベル、500レベルの
    呼び出しの中で計測していますが、値はほとんど変わらんようですね。
    チェーンを重ねるというのは何をしろというご指摘なのか伺わせて
    いただけますか。
    84 : Name_Not - 2012/11/13(火) 12:38:17.57 ID:??? (+63,+30,-61)
    まだ計測するかw維持になってるのか!?あなたのいうレベルごとの呼び出しも
    まったく意味のないことだよ。値がなぜ変わらないのか、それはスコープチェーンが一緒だからだよ。
    変数名の解決とかで調べたらいいんじゃね。今回のテストは目的といい存在価値といい、悪いけど無駄だよ。
    85 : Name_Not - 2012/11/13(火) 13:05:36.42 ID:??? (+3,-30,-192)
    入れ子スコープの変数を作ると違うのかと思いやってみました。
    404, 323, 322 と、入れ子スコープの変数でも速度は違っていませんね。
    もう少し考えてみます。
    var g1 = 1, g2 = 2;
    function test() {
    var a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q;
    var z, l11 = 1, l12 = 2;
    if(1) {
    var a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q;
    var l21 = 3, l22 = 4;
    var t0 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = g1; z = g2; }
    var t1 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = l11; z = l12; }
    var t2 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = l21; z = l22; }
    var t3 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1) + ", ", (t3-t2));
    }
    }
    test();
    86 : Name_Not - 2012/11/13(火) 13:12:37.99 ID:??? (-6,-29,-3)
    ifステートメントで入れ子w
    87 : Name_Not - 2012/11/13(火) 13:17:04.08 ID:??? (+62,+29,-71)
    ましにはなったけど、残念ながらJSのスコープは関数単位だぞ。IFを関数に置き換えればいい。
    その関数を何十にも重ねてやればそれだけチェーンが増えるということ。二重程度じゃテスト環境
    としては不十分だな。それと変数名は eval を使って動的に大量に作らせたらいい。手動だと
    読みにくいし書きにくいし最悪だぞ。
    88 : Name_Not - 2012/11/13(火) 16:24:26.46 ID:??? (+3,-30,-178)
    アドバイスありがとうございます、evalですかなるほど。やってみました。
    var g1 = 1, g2 = 2;
    function test100() {
    var l1 = 1, l2 = 2;
    var t0 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = g1; z = g2; }
    var t1 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = l1; z = l2; }
    var t2 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1));
    }
    var d = "var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v;";
    for(var i = 0; i < 100; ++i) {
    eval("function test"+i+"() { "+d+"test"+(i+1)+"(); }");
    }
    test100(); test0();
    でもどっちも「675, 555」「675, 559」と同じです。何が足りないんでしょ?
    89 : Name_Not - 2012/11/13(火) 17:15:17.75 ID:??? (+7,-30,-252)
    意味不明なJavascriptの挙動に出くわした
    function sapporo(){
    var number=0;
    var red=$("input");
    for(var i=0;i<$("input").length;i++){
    var name="i_"+i;
    if( red[i].id===name){
    number++;
    }
    }
    return number;
    }

    inputタグのの中でid="i_0"~"i_4"の数を数える関数なのですが、
    formのid="i_0"~"i_4"付きのinputタグの他に

    <form method="POST" action="test.cgi">
    名前: <input type="text" name="NAME"><br>
    住所: <input type="text" name="ADDR"><br>
    <input type="submit" value="送信">
    </form>


    と記述すると
    red[i].id===nameが正常に動かなくなりました。

    formが2つ同じページあると挙動がおかしいのでしょうか?
    90 : Name_Not - 2012/11/13(火) 17:37:02.41 ID:??? (+56,+28,-47)
    いちいち自前でテスト作らなくても、jsperfから探してきて、
    そこで計測したほうがよっぽどましなテストが出来るよ
    グローバルとローカル変数の違いだったら例えば以下とか。

    http://jsperf.com/global-versus-local
    91 : Name_Not - 2012/11/13(火) 17:47:10.26 ID:??? (+62,+29,-24)
    どっちも同じ結果になるのは、自分が書いた内容を理解していれば明らか。
    なんたって、時間を計測して表示するのは test100 だけなんだから、
    どっちも test100() の単一呼び出しの結果の数値だからなwww
    92 : Name_Not - 2012/11/13(火) 18:35:18.40 ID:??? (+62,+29,-68)
    ああ、ようやく理解しました。つまり、ある関数(クロージャ)内から
    外側環境の変数をアクセスしろっていうこと? でもそうすると、今の
    ローカル変数より遅くなるだろうから、「グローバル変数の方が速い」
    という結論になりそうじゃないですか?
    93 : Name_Not - 2012/11/13(火) 18:50:56.64 ID:??? (+3,-30,-202)
    やってみました。やっぱ local < global < 中間ですね。
    528, 728, 674, 398 となりました。まだ勘違いあったら教えてくださいませ。
    var z, g1 = 1, g2 = 2;
    function test() {
    var o1 = 1, o2 = 2;
    var f = function() {
    var m1 = 1, m2 = 2;
    return function() {
    var l1 = 1, l2 = 2;
    var t0 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = g1; z = g2; }
    var t1 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = o1; z = o2; }
    var t2 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = m1; z = m2; }
    var t3 = new Date().getTime();
    for(var i = 0; i < 100000000; ++i) { z = l1; z = l2; }
    var t4 = new Date().getTime();
    document.writeln((t1-t0) + ", " + (t2-t1), ", " +
    (t3-t2) + ", " + (t4-t3));
    };
    };
    return f();
    }
    test()();
    94 : Name_Not - 2012/11/13(火) 21:26:11.22 ID:??? (+3,-30,+0)
    tvrockの自動検索予約リストの「予約数」の列を「タイトル・詳細」の左隣に移動させたいのです
    単純に羅列したのは動いたのですがfor文で回すにはどうしたいいんでしょうか?
    下のやつだと動作しません

    var rec1 = document.evaluate('/html/body/table/tbody/tr[2]/td/table[2]/tbody/tr/td[8]', document, null, 7, null);

    var rec100 = document.evaluate('/html/body/table/tbody/tr[2]/td/table[2]/tbody/tr[100]/td[8]', document, null, 7, null);

    rec1.snapshotItem(0).parentNode.insertBefore(rec1.snapshotItem(0), rec1.snapshotItem(0).parentNode.lastChild);

    rec100.snapshotItem(0).parentNode.insertBefore(rec100.snapshotItem(0),rec100.snapshotItem(0).parentNode.lastChild);


    var rec= document.evaluate('/html/body/table/tbody/tr[2]/td/table[2]/tbody/descendant::tr/td[8]', document, null, 7, null);
    for (var i=0; i<rec.snapshotLength; i++){
    rec[i].snapshotItem(0).parentNode.insertBefore(rec[i].snapshotItem(0),rec[i].snapshotItem(0).parentNode.lastChild);
    }
    95 : Name_Not - 2012/11/14(水) 00:13:52.65 ID:??? (+2,-29,-32)
    jQueryUIのDialogを使って変な事象に出くわしました。
    <body>
    96 : Name_Not - 2012/11/14(水) 00:23:26.87 ID:??? (+78,-30,-213)
    jQueryUIのDialogを使って変な事象に出くわしました。
    formの中のdivをDialog機能で表示しようとしたのですが、
    form部分の下にしか表示されません。
    例では省略してますが、実際かなりform部分は記載が多く、
    全然想定したところ(真ん中)に出てくれず縦長なformの下に出てしまいます。
    formの中に出したいのですが、
    ネットで調べてもjQueryUIのダイアログがformの下に出るという事象は見つけましたが、
    これと言った解決策は見つけきれてません。
    何か対応策ありますでしょうか、それとも別のプラグイン使うかな…。
    >>95は自分です。書いてる途中でボタン押しちゃいました。すいません。

    <html>
    <head>
    <script>
    $(function(){
    $("dialogtest").dialog();
    });
    </script>
    </head>
    <body>
    <form action="AA">

    <div id="dialogtest">TESTDIALOG</div>

    </form>
    </body>
    </html>
    97 : Name_Not - 2012/11/14(水) 00:26:17.87 ID:??? (+3,-29,-34)
    >>96の追加
    環境はWindows7のIE8です。
    IE7でも同じです。FireFoxはまだ試してませんが。
    ただIEで動かないと仕事先の事情でどうしようもないのです。

    連投すいません。以上、よろしくお願いします。
    99 : Name_Not - 2012/11/14(水) 08:07:12.44 ID:??? (+40,-29,-9)
    >>96
    やまかんだけど、 <form>...</form>のすぐ外側を<div>...</div>で囲んでみるとか?
    100 : 96です。 - 2012/11/14(水) 08:38:49.46 ID:??? (+62,+29,-29)
    >>98>>99
    ありがとうございます。これから会社行くんで試してみます。
    会社で2ちゃん使えないので結果報告が今日夜になっちゃいますけど。

    他にも何か思い当たる節がありましたら皆さんよろしくお願いします。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について