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

1 名前：デフォルトの名無しさん mailto:sage [2021/11/10(水) 15:24:24.80 ID:jxD2VXPG0.net] JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 　　※必ず「問題の事象が再現されること」を確認してください。 　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 ※前スレ + JavaScript の質問用スレッド vol.123 + https://mevius.5ch.net/test/read.cgi/tech/1491143438/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured 96 名前：デフォルトの名無しさん [2021/11/22(月) 18:50:50.35 ID:jaRoUi/NM.net] Javaのほうが圧倒的にすっきりしている。 ほんとに両言語をちゃんと勉強したことあるか？ アルツハイマーでもこれくらい分かる。 97 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 18:53:04.86 ID:yUT2zM6b0.net] >>91 keyを[]で囲む必要なし 98 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 18:54:55.94 ID:LGR+CB3F0.net] >>94 古いJSとの互換性を取ろうとすると 古い文法も理解しないとならないからな オブジェクトの生成も多種多様 JSの細かいところまで理解しようとすると javaやpythonとかのほうが整理されていてわかりやすい let obj var objのLexicalの違いや let obj={} let fun=function(){} function fun(){} class cs extends fun{} class cs{ __proto__=a; } obj.constructor.prorotype=obj newObjext ,Object.create こんなのシンプルなわけがない と92はいいたんだと思う 99 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 19:05:02.79 ID:+p8qnn8E0.net] >>96 "["+key+"]" というようにカッコで囲んだ形式で検索したいのでここはあえてそうしてるんです… 100 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 19:40:22.23 ID:kseOISZ70.net] Java class Main { public static void main(String[] args) { System.out.println("Hello World!"); } } JavaScript console.log("Hello World!"); hello worldからしてこれだからな あなたの「シンプル」の定義を見せてもらえないと… 101 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 20:19:16.63 ID:LGR+CB3F0.net] >>99 JSのクラスは疑似クラス 他言語のClassと同じように扱えるように functionを疑似的にclass表現できるようにしてるだけ Javaと異なりJSはconstructorを有するオブジェクトの生成方法が沢山ある それすら理解できずに、99の問いとは、、、もっとJSを勉強しようぜ Javaのほうが圧倒的に整理され覚える文法が少ない つか、JavaとJS、両方ともそこそこ使えたら 99みたいなこと言えないだろｗ 102 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 20:26:36.75 ID:LGR+CB3F0.net] >>99 もうちょっと言わせてもらえば Javaは変数エラーをチェックしやすい言語設計 JSは変数エラーを無限に生成し得る言語設計 JSはマークアップを動的に処理することから発生し 高度な言語設計にしても互換性の問題から 古い文法を生かしているので、とても複雑怪奇になっている そう表現したらわかるかな？ 103 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 20:44:07.24 ID:LDcgDFlhM.net] 変数エラーとは 104 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 20:52:35.36 ID:LDcgDFlhM.net] >>98 上手く行かない具体例出してよ ぶっちゃけ[　]の使い方ミスってる様な気がするんだけど 105 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 23:07:56.11 ID:+p8qnn8E0.net] >>103 置換した具体例で言うと例えば さっきの例で置換部分が result=orgCSV.replace(keyName, "ほげ"); 元のテキストが下記だとすると <title>[name]</title> 結果が下記になってしまってなんじゃこりゃ…て感じですね <titlほげ>[ほげaほげほげ]</titlほげ> 正規表現オブジェクトを使わなければ普通に成功します result=orgCSV.replace("[name]", "ほげ");　//<title>ほげ</title>になる しかし先述のようにマッチパターンを変数化しつつgをつけて複数置換する必要があるため難しいんです… 106 名前：デフォルトの名無しさん mailto:sage [2021/11/22(月) 23:44:57.26 ID:yUT2zM6b0.net] >>104 　tempKey="\\["+key+"\\]"; 107 名前：デフォルトの名無しさん [2021/11/22(月) 23:59:47.75 ID:LPlgTaUb0.net] javascriptで計算の値がオーバーフロウするかどうかを調べるにはどうすればいいんですか？ 例えば10000の10乗を計算しようとしてオーバーフロウするならばalertで計算できませんと 表示したいんだけど 108 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 00:04:12.05 ID:KUvc8h5G0.net] >>104 [] は文字クラス https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes 更に、keyにメタキャラクタがあれば同じ事になるので、文字列全体をエスケープすべき https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions#escaping 上記は正規表現の基本 正規表現を体系的に学習すれば、絶対に気がついたこと 急がば回れ 109 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 00:07:12.09 ID:KUvc8h5G0.net] >>106 BigIntと文字列比較 110 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 00:24:05.58 ID:t+JcGiN60.net] >>100 なんでクラスの話に？詭弁では？ クラスベースの奴らがうるさいからclassなんて入れる羽目になったんだが。 そいつらのせいで木に竹を接ぐようなことさせられてむしろ複雑になった。 プロトタイプベースとしてシンプルでよかったのにほんと独善的でろくなことしない。 Reactでもクラスコンポーネントは廃れ99%のケースでFCになったよ。 111 名前：デフォルトの名無しさん [2021/11/23(火) 01:06:21.92 ID:cKz+CerT0.net] >>109 エセクラスベースは絶対に反対。 classは早期に非推奨にすべき。 112 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 01:17:09.89 ID:SfFCbJaV0.net] >>105 >>107 ああ、なるほど、エスケープをダブルでつけないといけなかったんですね シングルではつけてみていたんですがそれで動かなかったのであれって思ってました 資料の提示もありがとうございます！ 113 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 07:20:19.58 ID:A/hfu3xU0.net] >>102 その問いはマジ質問？ >>109 JavaとJsの言語設計に関して どっちがすっきりしてるかを話ししてるだけだろ 疑似クラスなんてあること自体がお笑いだし オブジェクト生成方法も多岐にわたるとか どこが整理されてる言語なのかと 114 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 07:33:58.18 ID:MZ1To5x7M.net] 変数エラーでググっても出てこなかったです 何処の業界用語ですか？ 115 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 08:34:50.37 ID:Ln8GWMq+0.net] >>104 Ruby では、Regexp.escape で、 正規表現において、特別な意味を持つ文字の直前に、 エスケープ文字(バックスラッシュ)を挿入した、文字列を返す p esc_1 = Regexp.escape( "[-a]" ) #=> "\\[\\-a\\]" reg_1 = Regexp.new( esc_1 ) p reg_1.match( "x[-a]y" ) #<MatchData "[-a]"> 116 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 09:26:25.23 ID:AKV1HaX9M.net] >>112 お笑いと言えばJavaの無名クラスだろ なんだったのアレ 関数がファーストクラスオブジェクトじゃなかった欠陥言語の苦肉の策とは言えとんでもなくキッタネェコード 今じゃラムダ関数使ってだーれも使ってないし 最初からそうしとけばよかったのにね ぜんぜん整理されてなかったのかな？ｗ 117 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 10:33:28.85 ID:9dlC3Wki0.net] 言語の完成度はJava>JS 学びやすさもJava>JS だからと言って優劣を表現してるわけじゃないよ マークアップ操作言語として JS、HTML、CSS等との新旧互換性を担保しながら 成 118 名前：長してきた言語だから 継ぎ接ぎ言語になっているのは仕方ないこと JSでできることは多いし楽しい言語であることを否定してるわけじゃないんだ でもJSが整理されてシンプルな言語であるとは言えないってだけ [] [ここ壊れてます] 119 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 10:45:11.29 ID:jndULnQpr.net] javascriptさえあれば何もいらん javascriptだけでスケーラブルなシステムが作れる 120 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 10:52:32.71 ID:AKV1HaX9M.net] あまりにも面倒くさいため、誰もJavaでGUIを作らなくなりました。 やる気とAWT,Swingなど道具立てはあったのです。 ただJavaがクソ過ぎた。 イベントドリブンで必須のリスナー登録はこんな感じ（笑） button1.addActionListener(new ActionListener() { @Override public void actionPerformed(ActionEvent e) { System.out.println("clicked"); } }); 一方C#ではデリゲートで簡単に書くことができました。 Javaはデリゲートが言語機能として無いのでマネできませんでしたｗ 結果今では誰もJavaでクライアントGUIプログラムを書きませんがC#はバリバリ使われてますｗ 結局Java8でJavaScriptをパクってlambdaで以下のように書けるようにしました（ハズカシーｗ） button1.addActionListener(e -> System.out.println("clicked")); しかし時すでにお寿司、誰もJavaでGUIを作っていないのであるｗｗｗ Javaはサーバーサイドに集中して成功者？ ノンノンｗ Javaが糞でめんどくさくて誰も書かなくなったから廃れた、これがシンプルな答えですｗ 121 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 11:43:58.38 ID:9dlC3Wki0.net] うん、わかった 確かにその通りです 122 名前：デフォルトの名無しさん mailto:sage [2021/11/23(火) 15:55:58.57 ID:MdPJopiF0.net] Android StudioではまだJava言語で開発が必要だったような 123 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 15:29:53.92 ID:czi6N/jr0.net] 0から9の入ったランダムの配列に適当に選んだnという数字が最大何個並んでいるか これはどういう方法が早いのでしょうか 気にするほどでもないのでしょうか 配列を見ていくのは遅いとか言う話も聞いたような気もします 一般的にはどういう方法を取るのでしょうか ・配列の前から順にforでnであるか、あればカウンターインクリメント、なければカウンターリセット ・joinで配列を文字列化したあとforでi文字数ぶんのnを検索文字として includesがfalseになるまでか最悪配列数まで調べる ・文字列化したあとmatchで/n+/gで一覧を出して一覧の配列をmap(e=>e.length)で文字数にしてMath.maxで調べる 124 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 17:26:03.23 ID:YexJKObKM.net] >>121 まずは自分で試して比べろよ 125 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 20:27:12.12 ID:czi6N/jr0.net] コードはこんな感じでいいですか？ https://jsfiddle.net/rj457v0q/ windows10 firefox 64bit 94.0.2のabout:newtabのコンソールでやった結果 11374, 1970, 2920 とかそれに似たような時間なんですが 同じ環境でJSFiddle に保存した際に実行された時間が 320, 1994, 2938 と1番目が早くなって結果が真逆になっています どういう事なんでしょうか 126 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 21:17:39.73 ID:czi6N/jr0.net] IronというChromeベースのブラウザでも試したところ FirefoxからJSFiddleを開いてそこで走らせた時間と同じような結果になりました 127 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 22:00:25.94 ID:w/hwUzDX0.net] element.addEventListener( "mousemove", function(e){alert(e.offsetX);} ); このfunction(e)の部分はfunction(aaa,e,bbb){}のように引数を複数設定することはできますか？ e以外を渡すにはグローバルしかできないんですか？ 128 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 23:25:49.55 ID:QiKYnGor0.net] >>123 Firefox の Math.max() が激重っぽい（1万回の関数呼び出しが重い？） 三項演算子とかにすれば JSFiddle と同じくらい早くなる 129 名前：デフォルトの名無しさん mailto:sage [2021/11/27(土) 23:48:23.24 ID:czi6N/jr0.net] >>126 ありがとうございます。 Math.maxを使わず、 配列のまま計算させたほうがいいみたいですね。 3つ目もMath.maxを使ってますが使わないようにしても、 こちらはMath.max関数の呼び出し回数が1周1回なせいか短縮されませんでした。 130 名前：デフォルトの名無しさん mailto:sage [2021/11/28(日) 12:42:42.78 ID:TNNdgbH5M.net] >>123 1つめのバグっとるよ 2つめのは連続する数が大きいのでも確かめないとパフォーマンス特性が分からない jsbench.meみたいなところで試すといい アルゴリズムのオーダー考えれば単純ループが一番高速 131 名前：デフォルトの名無しさん mailto:sage [2021/11/28(日) 21:15:40.16 ID:P+UGlIn90.net] >>125 引数を複数設定できる。ただし、第一引数以外は何も渡されない。（デフォルト引数なんかの例外もある） thisを渡せる。bind()とhandleEvent()を含むオブジェクトで渡せる。 132 名前：デフォルトの名無しさん mailto:sage [2021/11/28(日) 21:21:54.23 ID:PdYmCZpH0.net] >>128 ありがとうございます サイトは次使う時に使って見たいと思いますｗ 133 名前：デフォルトの名無しさん mailto:sage [2021/11/28(日) 21:29:03.95 ID:eSM912u0M.net] >>125 どんな使い方をするのか想定コードを教えて あと代入されるaaa,bbbの値はいつ確定する？ 呼び出し時に確定するなら変数で置いとくしか無いし 関数定義する時点で確定してるなら引数にする必要が無い 134 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 12:33:33.13 ID:nUjIBrRJ0.net] >>131 canvasの領域内をクリックしながらマウスを移動させたときの canvas内のマウスの座標を得たいんだけど mousedownでvar clickcyuu = 1;mouseupでclickcyuu=0; mousemoveでclickcyuu===1ならばdrag_mouse_x = e.offsetX;drag_mouse_y = e.offsetY とやりたかったのでfunction(e,clickcyuu){}としたかった 135 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 13:18:58.10 ID:kIPjw4qWM.net] >>132 それだと結局グローバル変数参照してるのと同じじゃない？ わざわざ引数経由する理由がない 136 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 13:23:14.24 ID:T3PYHNfj0.net] >>132 >>129の方法ではダメなのか？ 137 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 15:20:06.33 ID:0iOICyJy0.net] 定期的にaddEventListener自体から引数渡したいって人出てくるけど 仮にできたとしてもaddEventListenerした時点で値が固定されることが考えから抜け落ちてるよね >>132 引数渡したいならイベントハンドラに関数式使えば済むけど 複数のイベント仕込むなら一連の動作をこんな感じでclassかオブジェクトにした方が楽よ https://jsfiddle.net/hgro7t5m/ 138 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 15:41:30.31 ID:cAtmNTK4M.net] クロージャ使えば普通にできるやろ それに参照型ならaddEventListenerした後からでも値を変えられるよ 139 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 18:56:58.07 ID:QQHq1BUR0.net] var か 140 名前：デフォルトの名無しさん mailto:sage [2021/11/29(月) 20:17:26.02 ID:T3PYHNfj0.net] >>135 オブジェクトを束縛すれば、プロパティは固定されない(>>129) handleEventも使ってみればその有用性に気がつくと思うが 141 名前：デフォルトの名無しさん mailto:sage [2021/12/04(土) 12:18:05.48 ID:Zxe83BGy0.net] 読み込みたいファイルのパスだけがわかっている場合に reader= new FileReader(); reader.readAsText("aaa/hoge.csv") ; みたいな感じで読み込もうと思ったんですが、 readAsTextの引数はblobだかfileオブジェクトでないとだめみたいで、 レファレンスを読んで見るも、 パスから 142 名前：blogだかfileオブジェクトだかを作成する方法がわかりませんでした。 ファイル読み込み自体は他の方法を使ってできるものの、 FileReaderとreadAsTextの組み合わせを使ってトライしてみたいので どなたかアドバイスお願いできますでしょうか [] [ここ壊れてます] 143 名前：デフォルトの名無しさん mailto:sage [2021/12/04(土) 12:36:24.21 ID:6Q/yxXZX0.net] >>139 それが出来たら、ファイルの情報を盗み出せるようになるな 144 名前：デフォルトの名無しさん mailto:sage [2021/12/04(土) 12:48:45.94 ID:Zxe83BGy0.net] >>140 例えばxmlhttpRequest()でもパスからファイルを読み込むことが出来るので FileReaderでそれが出来ないのは不思議な気になるんですがそういうものなんですかね 145 名前：デフォルトの名無しさん mailto:sage [2021/12/04(土) 14:35:37.60 ID:t4TtjIXNM.net] むしろ他の方法とやらが気になる 146 名前：デフォルトの名無しさん mailto:sage [2021/12/04(土) 14:36:47.65 ID:6Q/yxXZX0.net] >>141 xhrは基本的にhttp接続しか出来ない 147 名前：デフォルトの名無しさん mailto:sage [2021/12/04(土) 16:15:20.01 ID:4OadB/pcM.net] とりあえずリファレンス読め https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications 148 名前：デフォルトの名無しさん mailto:sage [2021/12/07(火) 11:51:05.11 ID:sVKUttQ/0.net] ガチでヌーブなんですけどrequestsとbeautifulsoupでスクレイピングやってます waitかけないとバンされるよと言われましたがどうすればいいですか？ requests.get()でtimeoutは今書きましたがforで同じサイトの似たようなページに何度もアクセスするのでサーバーへの負荷はすごいと思います これに対してどうすればいいですか？ 149 名前：デフォルトの名無しさん mailto:sage [2021/12/07(火) 11:56:58.02 ID:PaA+NeG00.net] >>145 マルチ禁止 150 名前：デフォルトの名無しさん mailto:sage [2021/12/09(木) 15:07:14.43 ID:uyimWi/30.net] const test = [ {main:"A"}, {main:"B"}, {main:"C"} ] から全てのmainをとり出した["A","B","C"]となる配列を作りたいです forを使えば作れますが、もっと簡単に作れる便利なメソッドあったりしますか？ 151 名前：デフォルトの名無しさん mailto:sage [2021/12/09(木) 15:32:51.58 ID:gfmL2AFS0.net] const test = [ {main:"A"}, {main:"B"}, {main:"C"} ] let testB = test.map(e=>e.main) 知っててコレジャナイ方法をきいてるのかもしれないけど 152 名前：デフォルトの名無しさん mailto:sage [2021/12/09(木) 15:38:12.28 ID:uyimWi/30.net] >>148 自分もそれやってたけど不可能なので質問しましたが どうやらqueryselectorAllにmapが効かないっていうのが原因だったみたいです すんません 153 名前：デフォルトの名無しさん mailto:sage [2021/12/09(木) 15:51:07.69 ID:uyimWi/30.net] 許して下さい… 154 名前：デフォルトの名無しさん mailto:sage [2021/12/09(木) 16:09:45.62 ID:CDvY1Ccm0.net] querySelectorAllの戻り値はArrayではなくNodeListだからね hoge = Array.from(test).map(e => e.main); 155 名前：デフォルトの名無しさん mailto:sage [2021/12/10(金) 03:36:53.73 ID:TbLIJEp/M.net] hoge = Array.prototype.map.call(test,e => e.main); とか 156 名前：デフォルトの名無しさん mailto:sage [2021/12/10(金) 20:33:15.32 ID:Kd0T5CdW0.net] Pythonの 157 名前：デフォルトの名無しさん mailto:sage [2021/12/10(金) 20:34:21.58 ID:Kd0T5CdW0.net] PythonのコードですがどなたかJavascriptに直して下さい… sorted(pts, key=clockwiseangle_and_distance) import math pts = [[2,3], [5,2],[4,1],[3.5,1],[1,2],[2,1],[3,1],[3,3],[4,3]] Origin = [2, 3] refvec = [0, 1] def clockwiseangle_and_distance(point): 　vector = [point[0]-Origin[0], point[1]-Origin[1]] 　lenvector = math.hypot(vector[0], vector[1]) 　if lenvector == 0: 　　return -math.pi, 0 　normalized = [vector[0]/lenvector, vector[1]/lenvector] 　dotprod = normalized[0]*refvec[0] + normalized[1]*refvec[1] 　diffprod = refvec[1]*normalized[0] - refvec[0]*normalized[1] 　angle = math.atan2(diffprod, dotprod) 　if angle < 0: 　　return 2*math.pi+angle, lenvector 　return angle, lenvector 158 名前：デフォルトの名無しさん mailto:sage [2021/12/11(土) 11:19:38.29 ID:kTfvj9Ya0.net] すんません var hoge = test(); //←2個入った 159 名前：配列が返ってくるヤツ var A = hoge[0]; var B = hoge[1]; って書いてます。 これもーちょっとカッコよく var A B = test(); って感じで一行でAとBに変数に入れる方法とかあります？ [] [ここ壊れてます] 160 名前：デフォルトの名無しさん mailto:sage [2021/12/11(土) 11:55:24.52 ID:4C+gjCbR0.net] var hoge = [1,9]; var [A,B] = hoge; 161 名前：デフォルトの名無しさん mailto:sage [2021/12/11(土) 11:56:54.19 ID:kTfvj9Ya0.net] >>156 うおーすげー天才 ありがとうございます！ 162 名前：デフォルトの名無しさん [2021/12/12(日) 17:05:57.60 ID:neOkkgxzM.net] var obj={ key:{x:200,y:300} } obj.key2=500; alert(obj.key2); alert(obj.key.x); 上はオブジェクトで下はオブジェクトのオブジェクトです。 実行結果は上が500で下が200です。 一応動作はしますがこのような使い方は間違っていますか? 163 名前：デフォルトの名無しさん mailto:sage [2021/12/12(日) 18:15:54.15 ID:vioicQgx0.net] >>158 「間違っている」は「期待する動作」によって決定される それをあなた自身しか知らないので、第三者による判断は不可能 164 名前：デフォルトの名無しさん [2021/12/12(日) 18:40:13.36 ID:MwcQtjtM0.net] >>159 文法的にはどうですか？ 165 名前：デフォルトの名無しさん mailto:sage [2021/12/12(日) 19:22:12.57 ID:vioicQgx0.net] >>160 文法は他人に聞くまでもない コンソールにSyntaxErrorが出力されていなければ、文法的に問題ない 166 名前：デフォルトの名無しさん mailto:sage [2021/12/12(日) 20:06:45.86 ID:A9cM/MPAM.net] 何に引っかかってるのか書かないと期待してる答えは返ってこない 特に変なところないし 167 名前：デフォルトの名無しさん [2021/12/13(月) 08:42:46.82 ID:8aJMJMAP0.net] 引数が多い場合の引数の渡し方について function( aaa, bbb, ccc, ・・・（略） zzz ){} って書くより function(obj){ var aaa = obj.aaa; var bbb = obj.bbb; ・・・・・（略） var zzz = obj.zzz; } って書く方がいいんでしょうか？ どっちもメリット、デメリットはあると思うけど 168 名前：デフォルトの名無しさん mailto:sage [2021/12/13(月) 13:06:28.94 ID:CRKwXgwv0.net] >>163 何でこう無条件に善し悪しを求めようとするかね メリット、デメリットがあるなら、どちらが良いと決めつけることは出来ないと判断出来ないものなのか 169 名前：デフォルトの名無しさん mailto:sage [2021/12/13(月) 15:27:20.29 ID:+BabEBNV0.net] 下のほうなら const f = function({aaa, bbb, zzz}){ console.log(aaa, bbb, zzz); } のほうが分かりやすくないか const o = { aaa: 'あ', bbb: 42, zzz: 'ん', }; f(o); 170 名前：デフォルトの名無しさん mailto:sage [2021/12/13(月) 18:56:15.12 ID:hdHWXJOsM.net] >>136 形だけひとまとめにしても後でバラすんじゃなんの意味もない objとかじゃなくて意味のある名前が付けられる範囲でまとめるべき 171 名前：デフォルトの名無しさん mailto:sage [2021/12/13(月) 18:56:54.87 ID:hdHWXJOsM.net] >>166は>>163あて 172 名前：デフォルトの名無しさん [2021/12/14(火) 13:31:35.06 ID:qf3fX3jjM.net] var str="ｘ^2 + (x+2)^2 - (x*(x-2))^3"; をMath.pow(x,2)+Math.pow((x+2),2)- Math.pow((x*(x-2)),3)に置換するにはどうやればいいんですか? 173 名前：デフォルトの名無しさん mailto:sage [2021/12/14(火) 15:01:16.14 ID:82CERvuP0.net] Math.powを使わなければ簡単なんだけどね eval(str.replace(/\^/g, '**')); 174 名前：デフォルトの名無しさん mailto:sage [2021/12/14(火) 15:08:13.94 ID:4lV7iDvz0.net] スペース含まない半角文字列限定。式の文字列つくるまで。 賢い人ならもうちょっとスマートに書けるかと。 var str="x^2+(x+2)^2-(x*(x-2))^3"; function func(s){ var s2=s.split('^'); var s3=s2[1].replace(/¥d+/,""); return "Math.pow("+s2[0]+","+s2[1].replace(/[^¥d]/,"")+")"+s3; } var result=str.replace(/[a-z¥(¥)¥d¥*¥+¥-¥/]+¥^¥d+([¥+¥-¥*¥/]|$)/g,func); 175 名前：デフォルトの名無しさん [2021/12/14(火) 18:05:48.23 ID:ZmdmxRFm0.net] >>169 そうやった方が簡単そうですね >>170 ありがとうございます 176 名前：デフォルトの名無しさん mailto:sage [2021/12/15(水) 19:13:45.77 ID:h9C3pi7L0.net] いつもはreplaceやmatchを使うんだけど、 execってのがキャプチャグループだけを簡単に抜き出せて便利そうだから使ってみました txt="AabBxxB"; pattern = /A(.*)B/; d=pattern.exec(txt); alert(d[1]); 期待する結果はab でも実際はabBxxが返ってきます、後方参照ってやつですか？一番後ろのものとマッチしてしまう これって最短距離でのマッチを取得するにはどうすれば良いんでしょうか？ 177 名前：デフォルトの名無しさん mailto:sage [2021/12/15(水) 19:19:59.60 ID:UjbkuvW00.net] .*? 178 名前：デフォルトの名無しさん mailto:sage [2021/12/15(水) 19:20:26.59 ID:LAChl8N10.net] ぱっとしかみてないけど pattern = /A(.*?)B/; 179 名前：デフォルトの名無しさん mailto:sage [2021/12/15(水) 19:22:08.15 ID:Z/edc8620.net] A([^B]*)B 180 名前：デフォルトの名無しさん mailto:sage [2021/12/15(水) 20:16:03.92 ID:1LHweqXF0.net] ( ^)o(^ )b 181 名前：デフォルトの名無しさん mailto:sage [2021/12/15(水) 20:34:33.03 ID:h9C3pi7L0.net] >>173 >>174,175 ありがとうございます なるほど、*も+も?も単体で使うと最長一致になるけど *?とか+?みたいに組み合わせて使うと最短一致になるんですね、ややこしい… 182 名前：デフォルトの名無しさん mailto:sage [2021/12/16(木) 20:22:00.71 ID:bW+aVaO40.net] >>177 その通りだが、一文字ならバックトラックが発生しない最長一致がいいと思う >>175 183 名前：デフォルトの名無しさん mailto:sage [2021/12/22(水) 17:33:35.08 ID:ONJh0jXva.net] 【環境】Windows 7 64bit, IE11 【何をしたのか】 $("form")で取得している内容が自分の考えと正しいかを確認したい 1. alert($("form")) → [object Object]と表示される 2. alert(JSON.stringify($("form"))) → IEが動作を停止しましたで強制終了 【エラーメッセージ】- 【期待する結果】 $("form")の中身が確認したいです 手段は選びません console.log()は試していませんがshowModalDialogにて新規で開かれるウィンドウが描画されるまでに行われる処理のようで、コンソールを開く前に終わってしまうためalertで今は試しています 【サンプルコード】 $("form").attr("name"); 184 名前：デフォルトの名無しさん mailto:sage [2021/12/22(水) 17:43:33.97 ID:ONJh0jXva.net] >>179 自分は取得しているものが<form 〜>であると思っています なのでHTMLが確認したいです 185 名前：デフォルトの名無しさん mailto:sage [2021/12/22(水) 18:34:04.36 ID:VeORz/HR0.net] 試してみたらfirefoxだと強制終了しないね IEは消したからわからん 186 名前：デフォルトの名無しさん mailto:sage [2021/12/22(水) 20:25:41.33 ID:WODdA7db0.net] >>179 試してないconsole.logやconsole.dirでいいと思うが、まず試してみては？ コンソールはモーダルウインドウが開いてなくても関係ない あなたがほしいのは$("form")[0]な気はするが 187 名前：デフォルトの名無しさん mailto:sage [2021/12/22(水) 20:33:32.43 ID:WODdA7db0.net] モーダルウインドウ上でコンソール出力しようとせず、モーダルウインドウを開くページから参照するとか、breakpointで止めるとか、モーダルウインドウを閉じるコードを一時的にコメントアウトするとか モーダルウインドウを使わないのが一番だが 、Win7を使ってるならインターネットに接続してないのだろうし、相当特殊な環境だな 188 名前：デフォルトの名無しさん mailto:sage [2021/12/22(水) 22:15:47.78 ID:oJlbnIXA0.net] >>181-183 ありがとうございます >>182,183 お察しの通り過去に作られたIE用のシステムをEdgeに対応する必要があり、 現時点では当時の開発環境(VS2012)でデバッグ実行しています JavaScriptに関わるのが初めてでとにかく動かして覚えようとしているところです $("form")[0]は明日試してみます console.logなどを試していない（諦めた）理由は、 動作として、親ウィンドウからshowModalDialogで子ウィンドウを開く →子でデータを選択する→親に選択したデータが入力される という流れになっており、 親画面でF12のコンソールを開いておいても子が開かれるとモーダルにより親画面のコンソールも触れない ので諦めたんですが、もしかしてピン止め外すと止まらないんですかね？ ピン止めした状態でしか動かしてなかったので明日試してみようとおもいます >モーダルウインドウを開くページから参照するとか、 ウィンドウ間のやりとりがまだよくわからないのでその発想に至れませんでした >breakpointで止めるとか、 showModalDialogで開いた後に処理される関数に貼ってみたんですが 張っていないshowModalDialogの行で止まって、関数の中をステップ実行できなかったんですよね… 関数の最初にdialogArgumentsを参照してifで分岐するんですが showModalDialog以外で呼ばれるときはステップ実行できるのでそういうものなのかと諦めました >モーダルウインドウを閉じるコードを一時的にコメントアウトするとか その発想はなかったです 今後のデバッグに使ってみます ひとまず、$("form")[0]とピン止めを試してみます 189 名前：デフォルトの名無しさん mailto:sage [2021/12/27(月) 21:01:36.58 ID:XB7P0UiP0.net] html5のcanvasについて質問です drawImageでこの画像をcanvasに描写した後、画像の白い部分だけを赤くマスクしたいです https://illust8.com/wp-content/uploads/2018/08/icon_mail_illust_924.png ctx.globalCompositeOperation = 'destination-in'; や c2.globalCompositeOperation = 'darken'; を使うとオシイのですが、どうしても黒い箇所が赤くそまってしまったり、明るい方が優先されてしまったりします 何か良い手はないでしょうか？ 190 名前：デフォルトの名無しさん mailto:sage [2021/12/28(火) 10:31:30.75 ID:ChI3TD7z0.net] 今後はclassが標準になるの？ 191 名前：デフォルトの名無しさん [2021/12/28(火) 10:36:46.52 ID:ChI3TD7z0.net] JavaScriptのクラスは、内部的にはsuperキーワードが追加された以外は以前と変わっていません。 そのため、以前できなかったことは、今でもできません。 クラス定義を使えば、わかりやすいコードを作れるという意見もありますが、誰にとってわかりやすいかいまいち不明。 prototypeを隠蔽しているので、初心者がJavaScriptの本質を理解しにくくなる気もします。 class構文は内部でどんな置き換えをしているのか、ということを理解してからでないと、勉強にならないですね。 でも理解したら、わざわざclassを使う必要がない気がします。 使いたければ使えばいいんじゃない？と思います。 192 名前：デフォルトの名無しさん mailto:sage [2021/12/28(火) 12:53:44.91 ID:s8DIRgNG0.net] >>186-187 自問自答？ 使いたくなければ使わなければいいと思うが、定期的にネガキャンするのは無駄なので、止めて欲しい >>82,110 193 名前：デフォルトの名無しさん [2021/12/28(火) 13:05:03.77 ID:ChI3TD7z0.net] JavaScriptのクラスは、内部的にはsuperキーワードが追加された以外は以前と変わっていません。 そのため、以前できなかったことは、今でもできません。 クラス定義を使えば、わかりやすいコードを作れるという意見もありますが、 誰にとってわかりやすいかいまいち不明。 prototypeを隠蔽しているので、初心者がJavaScriptの本質を理解しにくくなる気もします。 class構文は内部でどんな置き換えをしているのか、ということを理解してからでないと、 勉強にならないですね。 でも理解したら、わざわざclassを使う必要がない気がします。 194 名前：デフォルトの名無しさん mailto:sage [2021/12/28(火) 13:28:00.05 ID:ediH0wTa0.net] >>179 const form = $( 'form' ) console.log( form.length, form[ 0 ] ) HTML 内に、フォームが1つしかないなら、 form.length は1 で、form[ 0 ] でform 要素を取得できる <form action="" id="form_1" name="form_1"> みたいに、id を付けた方が良いかも そうすれば、これで取得できる const form_1 = $( '#form_1' ) まあ、HTML, JavaScript, jQuery の質問は、 この板よりも、web制作管理板の方へ書き込んでください 向こうのスレが、本スレです 195 名前：デフォルトの名無しさん mailto:sage [2021/12/28(火) 13:30:12.08 ID:ediH0wTa0.net] 今は、class を使う 今さら、prototype を使う人は、いない 196 名前：デフォルトの名無しさん mailto:sage [2021/12/28(火) 13:50:08.36 ID:ChI3TD7z0.net] >>191 内部構造が分かりにくい。

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef