[過去ﾛｸﾞ]
JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
JavaScript の質問用スレッド vol.125 http://mevius.5ch.net/test/read.cgi/tech/1659855460/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
1: デフォルトの名無しさん (ﾜｯﾁｮｲ 1301-RMnj [36.240.123.227]) [sage] 2022/08/07(日) 15:57:40.26 ID:TS5TGpUB0 !extend:checked:vvvvvv:1000:512 JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-5のテンプレを読んだ上で質問してください。次スレは>>950が>>2の「次スレの立て方」を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 (ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 ※必ず「問題の事象が再現されること」を確認してください。 必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) ライブラリ関連の質問は禁止です。関連スレにあるライブラリ質問スレで質問して下さい。 (10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 ■前スレ JavaScript の質問用スレッド vol.124 https://mevius.5ch.net/test/read.cgi/tech/1636525464/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured http://mevius.5ch.net/test/read.cgi/tech/1659855460/1
2: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) [sage] 2022/08/07(日) 15:59:57.05 ID:TS5TGpUB0 ■質問テンプレート 【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4) 【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。 【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用) 【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。 【サンプルコード】現象を再現可能な最小限のコードを書いてください。 1レスに収まらないならコード投稿サイトを利用してください。 https://plnkr.co/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/ ■次スレの立て方 本文一行目に「!extend:checked:vvvvvv:1000:512」と書いて、>>1-5のテンレの「前スレ」「関連スレ」を最新化して立ててください。 ■JavaScriptスレの現状 元々はWeb制作板が本スレでしたが、ライブラリ信者に荒らされ、プログラム板に避難所として本スレが立てられました。 Web制作板の本スレは荒らされてから次スレが立っておらず、重複スレの消化のみとなっています。 実質的に本スレは存在しない為、質問者はWeb制作板、ブログラム板のどちらのスレで質問しても問題ありません。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/2
3: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) [sage] 2022/08/07(日) 16:02:05.65 ID:TS5TGpUB0 ■関連スレ(Web制作板) JavaScript の質問用スレッド vol.126 (重複スレの消化) https://mevius.5ch.net/test/read.cgi/hp/1439005423/ JavaScript ライブラリ総合質問所 vol.5 https://mevius.5ch.net/test/read.cgi/hp/1465399470/ jQuery 質問用スレッド vol.7 https://mevius.5ch.net/test/read.cgi/hp/1466750494/ ■各種仕様 ◆ECMAScript http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版) http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳) https://262.ecma-international.org/13.0/ (ECMAScript 2022) ◆HTML Standard (HTML5) http://www.whatwg.org/specs/web-apps/current-work/multipage/ (HTML Living Standard) https://momdo.github.io/html/ (HTML Living Standard日本語訳) http://mevius.5ch.net/test/read.cgi/tech/1659855460/3
4: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) [sage] 2022/08/07(日) 16:05:31.17 ID:TS5TGpUB0 テンプレここまで。 テンプレは前スレ、前々スレを元に、よくある議論(Web制作板へ誘導云々)を独断で追加した。 問題があれば、修正案を提案して頂ければ。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/4
5: デフォルトの名無しさん (ﾜｯﾁｮｲ 6f5f-RyWk [14.11.194.224]) [sage] 2022/08/07(日) 16:08:52.26 ID:GMB7hjKM0 乙 http://mevius.5ch.net/test/read.cgi/tech/1659855460/5
6: デフォルトの名無しさん (ﾜｯﾁｮｲ ff01-qy/x [126.242.196.185]) [] 2022/08/07(日) 17:10:09.37 ID:r7YsBDkd0 > Javascript はweb制作管理板、CGI はWEBプログラミング板へ。 これは？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/6
7: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f01-RMnj [36.240.123.227]) [sage] 2022/08/07(日) 17:57:12.51 ID:TS5TGpUB0 >>6 プログラム板のローカルルールか 「今ではNode.jsもあるし、JavaScriptはWeb制作言語に限定されないよね」を理由にプログラム板に立てられた、と記憶してる Node.jsスレを関連スレに入れるべきだった 【非同期】node.js part.1【javascript】 https://mevius.5ch.net/test/read.cgi/tech/1582906877/ http://mevius.5ch.net/test/read.cgi/tech/1659855460/7
8: デフォルトの名無しさん (ﾜｯﾁｮｲ 4690-Htvk [153.207.71.13]) [sage] 2022/08/08(月) 23:23:18.64 ID:RzP/TMnO0 この板のJavaScript スレは、 web制作管理板が荒らされた時に、緊急避難用として立てられたもの もう、この板でやる必要はない。 web制作管理板の方へ移動すべし！ 全く、HTML, jQuery などに関係ない、 Node.js でも扱うなら、この板でも良いけど、 基本、Ruby on Rails などのフレームワークは、WEBプログラミング板 http://mevius.5ch.net/test/read.cgi/tech/1659855460/8
9: デフォルトの名無しさん (ﾜｯﾁｮｲ 3f01-RMnj [36.240.56.30]) [sage] 2022/08/10(水) 07:14:35.84 ID:vRPAjQH+0 >>8 本スレがなく、ライブラリ信者が健在なWeb制作板に移動する理由はないと思う http://mevius.5ch.net/test/read.cgi/tech/1659855460/9
10: デフォルトの名無しさん (ｵｯﾍﾟｹ Srff-RMnj [126.254.209.13]) [sage] 2022/08/10(水) 10:46:13.57 ID:j9H+Z2W1r >>8はRubyを引き合いに出す件の荒らしだから気にしなくていい http://mevius.5ch.net/test/read.cgi/tech/1659855460/10
11: デフォルトの名無しさん (ﾜｯﾁｮｲ ab01-adHA [126.80.253.234]) [] 2022/08/14(日) 02:20:20.36 ID:/Eqen91K0 🦏 http://mevius.5ch.net/test/read.cgi/tech/1659855460/11
12: デフォルトの名無しさん (ﾜｯﾁｮｲ 3b68-PvqU [112.70.179.16]) [] 2022/08/18(木) 14:56:28.79 ID:ZVXdu8CF0 ローカルのhtmlファイル内に記載してるjsで位置情報取得するコードを書いてるのですが、 毎回位置情報を尋ねられてしまいます。 webサイトのページなら位置情報の使用許可を一度設定すれば、そのサイトでは次から尋ねられなくなりますが、 ローカルのhtmlファイルを開いても同様に永続的に位置情報の使用を尋ねられないようにする方法はありますか？ ブラウザはchrome使ってます。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/12
13: デフォルトの名無しさん (ｱｳｱｳｳｰ Sa0f-oUG4 [106.181.217.92]) [] 2022/08/18(木) 15:27:03.90 ID:qt1eMpHHa https://support.google.com/chrome/a/answer/2657289?hl=ja https://support.google.com/chrome/answer/114662?hl=ja http://mevius.5ch.net/test/read.cgi/tech/1659855460/13
14: デフォルトの名無しさん (ｱｳｱｳｳｰ Sa0f-oUG4 [106.181.217.92]) [] 2022/08/18(木) 15:28:26.33 ID:qt1eMpHHa あとは https にしてみたらどうか atmarkit.itmedia.co.jp/ait/articles/1605/13/news038.html http://mevius.5ch.net/test/read.cgi/tech/1659855460/14
15: デフォルトの名無しさん (ﾗｸｯﾍﾟﾍﾟ MM7f-RehR [133.106.93.27]) [sage] 2022/08/18(木) 15:37:16.04 ID:P/iDblewM file:はともかくhttp:にも機能制限かけるのは逆効果だと思う クラウド売りたい一心なのだろうけどオレオレ証明書が増えてかなわんよ http://mevius.5ch.net/test/read.cgi/tech/1659855460/15
16: デフォルトの名無しさん (ﾜｯﾁｮｲ 9f7c-5Ix7 [43.235.241.201]) [sage] 2022/08/18(木) 19:42:08.69 ID:FZFlEvPV0 そもそもwebアプリ作るなら仮想環境なり、dockerなりで開発環境を作った方が良いかと http://mevius.5ch.net/test/read.cgi/tech/1659855460/16
17: デフォルトの名無しさん (ﾜｯﾁｮｲ cb01-gduT [60.151.253.164]) [sage] 2022/08/18(木) 21:17:46.09 ID:R8T3nWKo0 すんませんjQueryの質問なんやけど eachでliタグの子要素のimgタグを取得してalt属性を追加して値はliタグの子要素のemタグのテキストにしたいんだが 全部のliタグの子要素のemタグのテキストを追加してしまう 対応するliタグの子要素のemタグのテキストをそれぞれ追加したいんや！ おせーてくれ！！たのんます！！ http://mevius.5ch.net/test/read.cgi/tech/1659855460/17
18: デフォルトの名無しさん (ﾜｯﾁｮｲ cb01-7Kul [60.87.221.16]) [sage] 2022/08/18(木) 21:48:22.57 ID:J6oxun4X0 >>17 スレ違い >>3のjQueryスレへ誘導 http://mevius.5ch.net/test/read.cgi/tech/1659855460/18
19: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b2c-O3lh [180.52.202.152]) [sage] 2022/08/19(金) 12:26:38.67 ID:l81SyMmZ0 jQuery の質問は、web制作管理板の方へ書き込んでください 確か、jQueryのスレがあったと思う。 無ければ、JavaScript のスレへ http://mevius.5ch.net/test/read.cgi/tech/1659855460/19
20: デフォルトの名無しさん (ﾜｯﾁｮｲ ef02-Gxju [175.108.193.88]) [sage] 2022/08/19(金) 13:26:53.16 ID:v8JNzl630 japascriptは難しい。 初心者はまずはRubyから始めること そしてRuby on Railsを習得する javascriptｙとjQueryはその後で良い。 こっちのスレで質問すれば親切な達人プログラマーがどんな質問にも懇切丁寧に答えてくれる。 ↓ Ruby 初心者スレッド Part 67 https://mevius.5ch.net/test/read.cgi/tech/1608837867/ http://mevius.5ch.net/test/read.cgi/tech/1659855460/20
21: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b10-vj0F [180.12.82.129]) [] 2022/08/19(金) 18:14:31.50 ID:KbHvsoqL0 clickのタイミングについて <input type="button" value="クリック" id="bt"> let aaa=0; setInterval( function(){ aaa=100;aaa=200;aaa=300;aaa=400;aaa=500; },0 ); document.getElementById("bt").addEventListener( "click", function(e){alert(aaa);} ); 何回クリックしても500と表示されるけど500以外が表示されることはないんでしょうか？ aaaが200のときにクリックが割り込むとかはないんですか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/21
22: デフォルトの名無しさん (ﾜｯﾁｮｲ cb01-6z5t [60.74.210.62]) [] 2022/08/19(金) 18:41:35.47 ID:hN4Icouo0 >>21 タイマー処理の関数呼び出しの途中でイベントハンドラが処理されることはない http://mevius.5ch.net/test/read.cgi/tech/1659855460/22
23: デフォルトの名無しさん (ﾜｯﾁｮｲ 6b10-vj0F [180.12.82.129]) [] 2022/08/19(金) 18:53:07.56 ID:KbHvsoqL0 >>22 どうもです タイマー以外のfunctionでもfunctionの途中でイベントハンドラが呼び出されることはないってことですか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/23
24: デフォルトの名無しさん (ﾜｯﾁｮｲ cb01-6z5t [60.74.223.30]) [] 2022/08/19(金) 21:41:37.23 ID:PiTy7UnQ0 JavaScriptは基本シングルスレッド 関数の実行途中に別の関数の処理が割り込んでくるようなことはない http://mevius.5ch.net/test/read.cgi/tech/1659855460/24
25: デフォルトの名無しさん (ﾜｯﾁｮｲ cb01-7Kul [60.87.221.16]) [sage] 2022/08/19(金) 23:29:36.47 ID:icsyH/kW0 >>23 非同期処理が混在していなければ、ない http://mevius.5ch.net/test/read.cgi/tech/1659855460/25
26: デフォルトの名無しさん (ﾜｯﾁｮｲ 75b1-GYjw [118.105.228.94]) [sage] 2022/08/20(土) 10:52:07.09 ID:y/gx0kbE0 Wan、Lanどちらからもアクセス可能なWebサーバーで アクセス元がどっちなのかを判断する方法はありますか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/26
27: デフォルトの名無しさん (ﾜｯﾁｮｲ 2301-cac/ [219.204.123.70]) [sage] 2022/08/20(土) 11:45:31.91 ID:ThG9yriU0 >>26 送信元アドレス見ればよくね？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/27
28: デフォルトの名無しさん (ﾜｯﾁｮｲ 75e5-s78Y [118.4.80.52]) [] 2022/08/20(土) 12:02:01.28 ID:tDO3e6hW0 サーバーで判断すべきだろう クライアントで知りたいならサーバーに聞けばいい http://mevius.5ch.net/test/read.cgi/tech/1659855460/28
29: デフォルトの名無しさん (ﾜｯﾁｮｲ 75b1-GYjw [118.105.228.94]) [sage] 2022/08/20(土) 12:48:23.28 ID:y/gx0kbE0 確かにそうですよね サーバー側で何とかしてみます http://mevius.5ch.net/test/read.cgi/tech/1659855460/29
30: デフォルトの名無しさん (ｽｯﾌﾟ Sd43-PAk+ [49.97.96.68]) [] 2022/08/21(日) 00:53:25.42 ID:aTZvlMved ナンセンスな質問かもしれませんが、JavaScriptにおいて関数はデータ型としてオブジェクトであり、一方でオブジェクトはプロパティとメソッドの集まりであると説明されています。 関数とオブジェクトはどちらが先に定義されているのでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/30
31: デフォルトの名無しさん (ﾜｯﾁｮｲ d501-Nnom [60.87.221.16]) [sage] 2022/08/21(日) 07:04:02.83 ID:D11cwWL50 >>30 「先に定義」とは、どのような意味？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/31
32: デフォルトの名無しさん (ｽｯﾌﾟ Sd03-PAk+ [1.66.101.132]) [] 2022/08/21(日) 10:31:51.96 ID:3ESrn3ezd >>31 先に存在しているとか先に実装されている(?)というようなイメージです http://mevius.5ch.net/test/read.cgi/tech/1659855460/32
33: デフォルトの名無しさん (ﾜｯﾁｮｲ a37c-QAb4 [221.241.223.58]) [sage] 2022/08/21(日) 10:42:02.01 ID:KqCcLvyW0 >>30 定義が無限循環してると言いたいんだろうけど広辞苑にだってそういうのはあるし、関数ノットイコールメソッドと考えれば矛盾はしてない たぶんオブジェクトが先だろうけどね http://mevius.5ch.net/test/read.cgi/tech/1659855460/33
34: デフォルトの名無しさん (ｽｯﾌﾟ Sd43-PAk+ [49.97.98.169]) [] 2022/08/21(日) 11:25:21.77 ID:df/SIE01d >>33 ありがとうございます もう少し調べてみると、 https://tc39.es/ecma262/multipage/overview.html#sec-ecmascript-overview でTerms and Definitionsのところに、関数はオブジェクトであってプロパティの他に実行可能なコードと状態を持つもの、という感じのことが書かれてて、メソッドはオブジェクトのプロパティの値である関数のことと書かれていました こちらの説明で一旦納得できました http://mevius.5ch.net/test/read.cgi/tech/1659855460/34
35: デフォルトの名無しさん (ｱｳｱｳｳｰ Sad9-dbST [106.181.223.3]) [] 2022/08/21(日) 11:46:37.18 ID:j3ukytx2a v8のソースでも読んでみれば http://mevius.5ch.net/test/read.cgi/tech/1659855460/35
36: デフォルトの名無しさん (ﾌﾞｰｲﾓ MM8b-mKyu [133.159.148.135]) [sage] 2022/08/21(日) 12:32:17.30 ID:IBDK1msSM オブジェクトが先 オブジェクトはプロパティのコレクション プロパティとはkey/valueのペアのこと keyはStringでvalueはプリミティブかオブジェクト http://mevius.5ch.net/test/read.cgi/tech/1659855460/36
37: デフォルトの名無しさん (ﾌﾞｰｲﾓ MM8b-mKyu [133.159.149.74]) [sage] 2022/08/21(日) 12:39:55.73 ID:ZOLz03eMM オブジェクトを定義するのにオブジェクトを使ったりStringという別のオブジェクト使えるの？ と疑問に思うのかもしれないけど 定義が存在する(名前解決可能である)ことを確認するフェーズと 定義の中身を検証するフェーズを分けることで可能 foo関数の中でbar関数を呼び出しつつ bar関数の中でfoo関数を呼び出すような関数定義ができるのと同じこと http://mevius.5ch.net/test/read.cgi/tech/1659855460/37
38: デフォルトの名無しさん (ﾜｯﾁｮｲ d501-dbST [60.87.221.16]) [sage] 2022/08/21(日) 15:06:45.69 ID:D11cwWL50 >>32 「実装」というが、「仕様」上で両方とも存在しているなら、同時に「実装」されるのでは？ >>34 ES3には「オブジェクト」の定義はあるが、「関数」の定義はない 故に「歴史的にはオブジェクトが先に定義された」といえなくもないが、そんな回答を望んでいるようにも見えない http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/4_Overview.html#section-4.2.1 参考になるかわからないが、typeof演算子は「[[Call]] を持つObject型」の場合に "function" を返す https://262.ecma-international.org/13.0/#sec-typeof-operator http://mevius.5ch.net/test/read.cgi/tech/1659855460/38
39: デフォルトの名無しさん (ｽｯﾌﾟ Sdc3-JVFl [1.72.7.185]) [sage] 2022/09/02(金) 16:08:14.77 ID:anBQQFEld ブックマークレットのスレッドかこちらか悩みましたが質問なのでこちらでご相談させていただきます。 他者のWebサイトを閲覧する際、JavaScriptを用いて作成されている場合、リンクを新しいタブで開けない場面があります。 頻繁にページを進んだり戻ったりする場面、可能であればリンク先を別タブで開くようにしたいです。 ブックマークレットを用いて、現在ページのJavaScriptのリンクを別タブで開くように書き換える処理をすることは可能でしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/39
40: デフォルトの名無しさん (ﾜｯﾁｮｲ a3b7-83Bc [211.124.165.35]) [sage] 2022/09/02(金) 16:38:05.47 ID:avuNeQJi0 >>39 そのサイト次第かな クリックした後の画面を一発で開けるURLが用意されてたら基本的に実装できると思う http://mevius.5ch.net/test/read.cgi/tech/1659855460/40
41: デフォルトの名無しさん (ﾜｯﾁｮｲ a52d-bBdM [220.100.64.9]) [sage] 2022/09/03(土) 00:11:31.61 ID:8AM/s+hA0 連想配列から特定のキーを検索して、重複がないもののみ取り出した配列を取得したいのですが、 このコードだと速度的に問題がありました。何か良い方法があったら教えていただけないでしょうか const a= [ {'id': 1, 'category': 'animal', 'kind': 'dog'}, {'id': 2, 'category': 'fruit', 'kind': 'apple'}, {'id': 3, 'category': 'fruit', 'kind': 'orange'}, {'id': 4, 'category': 'animal', 'kind': 'dog'}, {'id': 5, 'category': 'animal', 'kind': 'cat'}, {'id': 6, 'category': 'fruit', 'kind': 'grape'}, ] var b=a.filter((x,y,z)=>z.slice(0,z.length).filter(w=>w.kind==x.kind).length＝=1); console.log(b); http://mevius.5ch.net/test/read.cgi/tech/1659855460/41
42: デフォルトの名無しさん (ﾜｯﾁｮｲ ad5f-wuTS [106.185.148.64]) [sage] 2022/09/03(土) 02:15:20.35 ID:Wm/0iruN0 >>41 const buckets = a.reduce((buckets, current) => { if (!buckets[current.kind]) { buckets[current.kind] = [current]; } else { buckets[current.kind].push(current); } return buckets; }, {}); const b = Object.values(buckets) .filter((items) => items.length === 1) .flat(); 速度は測ってないけどたぶんO(n^2)→O(n)になって速いはず http://mevius.5ch.net/test/read.cgi/tech/1659855460/42
43: デフォルトの名無しさん (ｽﾌﾟｯｯ Sd03-5GnA [1.75.244.51]) [sage] 2022/09/03(土) 03:34:12.57 ID:E5gjC2rTd Mapで似たようなこと考えてた http://mevius.5ch.net/test/read.cgi/tech/1659855460/43
44: デフォルトの名無しさん (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 10:05:53.47 ID:RJZpwhgn0 >>41 要素数や重複要素のばらつき具合によって結果は変わるが、最終的には力業が最速な事が多い https://jsfiddle.net/gft5ah0n/ 極端な結果になっているのは重複要素がすぐそばにあり、while文による検索ですぐに見つかる為だ 重複要素が遠い位置にあるなら、while文による検索が遅くなるケースも十分にある >>41のコードが比較的高速なのも重複要素が比較的近くにある為だ Object.valuesやArray#filterによる変換コストが検索コストより高くついているので、他のコードが比較的遅い 重複検知が頻繁に発生するようであれば、データのも持ち方を new Map や new Set を使うように変更した方がいい 配列はユニークな値を得るのに向いていない http://mevius.5ch.net/test/read.cgi/tech/1659855460/44
45: デフォルトの名無しさん (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 10:08:20.30 ID:RJZpwhgn0 >>44の補足 jsfiddleのconsoleはconsole.time()を実装していないようだ ベンチマーク結果はブラウザのコンソールで確認する必要がある http://mevius.5ch.net/test/read.cgi/tech/1659855460/45
46: デフォルトの名無しさん (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 10:28:11.32 ID:RJZpwhgn0 すまん >>44のwhile_loopは期待通りに動かないので忘れてほしい(console.assert()のコードをミスって気づかなかった) 重複要素のばらつき具合によるが、(>>41の配列においては)暫定最速は>>41 http://mevius.5ch.net/test/read.cgi/tech/1659855460/46
47: デフォルトの名無しさん (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 10:46:53.92 ID:RJZpwhgn0 >>46 console.assert()の修正、重複チェックをkindのみに修正したら、mapが最速になった https://jsfiddle.net/bw8z2acf/ http://mevius.5ch.net/test/read.cgi/tech/1659855460/47
48: デフォルトの名無しさん (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 11:16:26.73 ID:RJZpwhgn0 >>47 高速化で考えるべきは「ループ回数の削減」と「変換回数の削減」 >>41 source >>42 reduce >>47 map reduceはループ回数は削減されているが、変換回数がsourceよりも多い 要素数6では「変換コスト > 検索コスト」になってしまい、sourceよりも遅い 要素数192では「変換コスト < 検索コスト」となるので、sourceよりも速い mapの変換回数は2回で Array.from() と results.values() のみ ループ回数、変換回数ともにsource,reduceよりも少ない 要素数6、要素数192のいずれも map が最速となる 実際のところ、変換を一度も発生させないコードが理想となる データの持ち方として配列(new Array)であるべきなのか、はよく考えた方がいい http://mevius.5ch.net/test/read.cgi/tech/1659855460/48
49: デフォルトの名無しさん (ﾜｯﾁｮｲ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 11:42:14.57 ID:RJZpwhgn0 >>39 a要素でマークアップされているなら、難しくはない for (let a of document.querySelectorAll('a[href]')) a.target = '_blank'; window.open()などでリンクを開く挙動もJavaScriptで制御しているなら、コードを読んでリンク先を得る手段を考える必要がある http://mevius.5ch.net/test/read.cgi/tech/1659855460/49
50: デフォルトの名無しさん (ﾜｯﾁｮｲ 9534-9i1j [14.14.181.44]) [sage] 2022/09/04(日) 09:22:10.61 ID:eAq4eNQY0 >>40 >>49 ありがとうございます。 テーブルの表示となっていて、行全体にリンクが設定されているようです。 以下のような記載が複数並んでおり、通常は左クリックでリンク先に移動しかできず、新しいタブで開くことができません。 <tr class=”〇〇〇” data-href=”★リンク先アドレス★” data-target=”〇〇〇”> <td class=”〇〇〇”></td> <td class=”〇〇〇”></td> </tr> 素人ながらいくつかブックマークレットで試したのですが、逆に実行するとリンクが無効になる事が多々でした。 アドバイスをいただければ幸いです。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/50
51: デフォルトの名無しさん (ﾜｯﾁｮｲ d510-bEl6 [180.12.82.129]) [] 2022/09/04(日) 12:38:54.82 ID:FoFuUBY00 <div style="width:100%;height:200px;border:Solid 3px #0000ff" id="test"></div> これのcss初期設定を取得したいのでstyle="○○"の○○部分を抽出したいんだけどやり方がわかりません。 element.style.widthみたいに取得すると途中で値を書き換えられると初期設定が得られないので 最初にタグに埋め込んであるものを取得したいんです。 http://mevius.5ch.net/test/read.cgi/tech/1659855460/51
52: デフォルトの名無しさん (ﾜｯﾁｮｲ 955f-EB17 [14.8.104.32]) [sage] 2022/09/04(日) 20:07:02.96 ID:KWOOnIlI0 getAttributeとか？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/52
53: デフォルトの名無しさん (ﾜｯﾁｮｲ 7561-rTOP [222.144.116.143]) [sage] 2022/09/04(日) 20:23:24.42 ID:FTTWPGH/0 element.style.hoge=fugaしたらstyle属性値も連動するんだから 書き換える前に取得しとくしかなくね？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/53
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 949 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.012s