[過去ログ] JavaScript の質問用スレッド vol.125 (1002レス)
前次1-
抽出解除 レス栞

このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
37: デフォルトの名無しさん (ブーイモ MM8b-mKyu [133.159.149.74]) [sage] 2022/08/21(日) 12:39:55.73 ID:ZOLz03eMM(1) AAS
オブジェクトを定義するのにオブジェクトを使ったりStringという別のオブジェクト使えるの?
と疑問に思うのかもしれないけど
定義が存在する(名前解決可能である)ことを確認するフェーズと
定義の中身を検証するフェーズを分けることで可能

foo関数の中でbar関数を呼び出しつつ
bar関数の中でfoo関数を呼び出すような関数定義ができるのと同じこと
48: デフォルトの名無しさん (ワッチョイ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 11:16:26.73 ID:RJZpwhgn0(5/6) AAS
>>47
47(1): デフォルトの名無しさん (ワッチョイ 3501-bBdM [126.94.243.226]) [sage] 2022/09/03(土) 10:46:53.92 ID:RJZpwhgn0(4/6) AAS
>>46
console.assert()の修正、重複チェックをkindのみに修正したら、mapが最速になった
外部リンク:jsfiddle.net
高速化で考えるべきは「ループ回数の削減」と「変換回数の削減」

>>41
41(4): デフォルトの名無しさん (ワッチョイ a52d-bBdM [220.100.64.9]) [sage] 2022/09/03(土) 00:11:31.61 ID:8AM/s+hA0(1) AAS
連想配列から特定のキーを検索して、重複がないもののみ取り出した配列を取得したいのですが、
このコードだと速度的に問題がありました。何か良い方法があったら教えていただけないでしょうか
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);
source
>>42
42(1): デフォルトの名無しさん (ワッチョイ ad5f-wuTS [106.185.148.64]) [sage] 2022/09/03(土) 02:15:20.35 ID:Wm/0iruN0(1) AAS
>>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)になって速いはず
reduce
>>47 map

reduceはループ回数は削減されているが、変換回数がsourceよりも多い
要素数6では「変換コスト > 検索コスト」になってしまい、sourceよりも遅い
要素数192では「変換コスト < 検索コスト」となるので、sourceよりも速い

mapの変換回数は2回で Array.from() と results.values() のみ
ループ回数、変換回数ともにsource,reduceよりも少ない
要素数6、要素数192のいずれも map が最速となる

実際のところ、変換を一度も発生させないコードが理想となる
データの持ち方として配列(new Array)であるべきなのか、はよく考えた方がいい
113: デフォルトの名無しさん (ワッチョイ d75f-2/eE [14.8.104.32]) [sage] 2022/10/20(木) 21:55:34.73 ID:1vPPjI2Y0(1) AAS
whileって原始的かつ結構直感的だから使いやすいよね
202: デフォルトの名無しさん (ワッチョイ a905-wHkz [210.143.72.233]) [sage] 2022/11/15(火) 20:10:55.73 ID:mRl02hRT0(2/2) AAS
>>201
201(1): デフォルトの名無しさん (ワッチョイ bd61-+FOd [180.15.119.124]) [sage] 2022/11/15(火) 19:29:43.82 ID:T0qQfj8P0(1) AAS
>>197
対象のclassをよく見てみよう
document.querySelectorAll("button")[0].click()で行けました
有り難うございました
423: デフォルトの名無しさん (ワッチョイ 6edb-e5AJ [217.178.96.73]) [sage] 2022/12/17(土) 12:10:49.73 ID:kI1nA3xa0(1) AAS
>>422
422(1): デフォルトの名無しさん (ラクッペペ MM6b-IK68 [133.106.94.126]) [sage] 2022/12/16(金) 14:22:39.89 ID:C3ZoQFlkM(1) AAS
お前から発表しろよ
アンケートだから職種、年俸、年齢、結婚歴は必須な
職種:プロトタイプ
年俸:プロトタイプ
年齢:プロトタイプ
結婚歴:プロトタイプ
580: デフォルトの名無しさん (ワッチョイ 7b79-Jp3v [220.150.90.192]) [sage] 2023/01/09(月) 15:00:57.73 ID:2yNmR2Eh0(1) AAS
ノードを全部舐めるみたいなトラバース系の処理はエンジンの制限とか気にするなら再帰のロジックを配列とループで作った方が安全だし
恐らく関数を呼び出すより速いから検討してみてね
670
(2): デフォルトの名無しさん (オッペケ Sr29-tD1/ [126.194.18.54]) [sage] 2023/03/03(金) 11:54:37.73 ID:DJxhSXLyr(3/5) AAS
こういうこと

デザイナーの担当
・モック作成
・Atomicデザイン込みのコンポーネント設計
・コンポーネント作成
・App作成(コンポーネントの組み上げ)
・jsx、css
・state更新とrender関連
・レスポンシブ対応
・トランジションやアニメーションなど
・DOM生成後の表示・操作・調整(表示順やインタラクション)
・エラー表示、警告
・htmlバリデーションのcheckValidityやreportValidity処理

フロントエンジニアの担当
・APIでデータ送受信
・propsで流し込み
824
(1): デフォルトの名無しさん (スッップ Sd42-01SL [49.98.137.246]) [sage] 2023/05/09(火) 00:52:45.73 ID:RQydgiqHd(1) AAS
>>819
819(1): デフォルトの名無しさん (ワッチョイ 028b-KeI6 [211.5.157.105]) [sage] 2023/05/08(月) 22:29:23.94 ID:BI0XZhvO0(1) AAS
>>815
え?そんな事までChatGPTできるの???すごくね??
どんなシステムになってんだろ。
ChatGPTをプログラム用途で使ったこと無いなら一度つかってみると良いよ。
ググる手間がかなり少なくなる
もちろん、間違い返答の可能性もあるからそこら辺はうまく扱う必要があるけどね。
あとGitHub Copilotはもっとヤバいよ。プログラマーなら一度は使うべき
854
(1): デフォルトの名無しさん (ワッチョイ 7d4b-Hjce [110.2.215.28 [上級国民]]) [sage] 2023/06/26(月) 12:08:05.73 ID:QXVTwCFE0(1/2) AAS
変数って定義する前はundefinedが入ってるんでしょうか?
865: デフォルトの名無しさん (ワッチョイ 5a00-PRVu [221.118.182.138 [上級国民]]) [sage] 2023/07/01(土) 22:48:30.73 ID:WfKHfAvE0(1) AAS
なんつー邪悪なコード
873: デフォルトの名無しさん (ワッチョイ d101-Ud/M [60.105.201.125]) [sage] 2023/07/08(土) 23:32:58.73 ID:EFUbRXYX0(1) AAS
>>870
870(2): デフォルトの名無しさん (ワッチョイ a15f-eaRz [14.13.136.34]) [] 2023/07/08(土) 18:01:12.76 ID:0tWDp4eO0(1) AAS
今ホームページを制作しているのですが教えて頂きたいです。
下記内容のコードの書き方がわかりません。

5枚の画像があるのですが、全部では無く一旦一枚目のみ表示させたいです。
次に各画像を説明する文字があります。その文字にマウスカーソルを合わせると、その文字にあった画像に2枚目3枚目と切り替わるようにしたいと思っています。

初心者すぎるので例としてコードを作って頂ければ見ながら調整したく思っています。
どなたかお教え頂けませんでしょうか。
質問にするなら>>1-3を読もう
前次1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.054s