JavaScript の質問用スレッド vol.126 (307ﾚｽ)
JavaScript の質問用スレッド vol.126 http://mevius.5ch.net/test/read.cgi/tech/1702111239/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
1: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr9f-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:40:39.92 ID:Mnb70srnr !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.125 https://mevius.5ch.net/test/read.cgi/tech/1659855460/ VIPQ2_EXTDAT: checked:vvvvvv:1000:512:: EXT was configured http://mevius.5ch.net/test/read.cgi/tech/1702111239/1
2: デフォルトの名無しさん (ｵｯﾍﾟｹ Sre1-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:41:59.25 ID:Mnb70srnr ■質問テンプレート 【環境】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/1702111239/2
3: デフォルトの名無しさん (ｵｯﾍﾟｹ Sre1-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:43:26.17 ID:Mnb70srnr ■関連スレ(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/1702111239/3
4: デフォルトの名無しさん (ｵｯﾍﾟｹ Sre1-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:45:14.13 ID:Mnb70srnr テンプレここまで 内容は前スレ踏襲 http://mevius.5ch.net/test/read.cgi/tech/1702111239/4
5: デフォルトの名無しさん (ｵｯﾍﾟｹ Sre1-tek/ [126.254.232.20]) [sage] 2023/12/09(土) 17:55:10.18 ID:Mnb70srnr テンプレの範囲ぐらい修正しとけばよかったかな http://mevius.5ch.net/test/read.cgi/tech/1702111239/5
6: デフォルトの名無しさん (ﾜｯﾁｮｲ 5510-yLTa [222.230.65.145]) [sage] 2023/12/10(日) 16:33:48.20 ID:ngtmyS7f0 前スレで日付変換の関数で質問していた者です。 開発環境としましては、AndroidのmementoというDBを制御するために、Javascriptの使用が可能なので、試しに勉強してみようと思った次第です。 コードエディターや>>2記載のサイトでは正常動作をしていることから、開発環境に問題があると判断しました。ただそうなるとDBと合わせて使用できるメリットが無くなるので代替手段を模索しているところです。 成功例(日時が２つ表示) https://i.imgur.com/qxdJGAV.jpg 失敗例 (consolelogに対応しないため、コメントアウトしていますが、関数が結果に出力される。何も表示されないはず。) https://i.imgur.com/ldegoqM.jpg コードエディター https://play.google.com/store/apps/details?id=com.rhmsoft.code memento https://play.google.com/store/apps/details?id=com.luckydroid.droidbase http://mevius.5ch.net/test/read.cgi/tech/1702111239/6
7: デフォルトの名無しさん (ﾜｯﾁｮｲ 5510-yLTa [222.230.65.145]) [sage] 2023/12/10(日) 16:34:26.85 ID:ngtmyS7f0 const date1 = new Date('2021/01/01') const date2 = new Date('2022/02/02') const stDate = dateToYyyymmdd(date1); const stTime = timeToHhmm(date1); const edDate = dateToYyyymmdd(date2); const edTime = timeToHhmm(date2); console.log(stDate + stTime + " " + edDate + edTime) http://mevius.5ch.net/test/read.cgi/tech/1702111239/7
8: デフォルトの名無しさん (ﾜｯﾁｮｲ 5510-yLTa [222.230.65.145]) [sage] 2023/12/10(日) 16:34:43.88 ID:ngtmyS7f0 // DateをYYYY/MM/DD文字列に変換する function dateToYyyymmdd(date){ let n = date.getFullYear().toString(); n = date.getFullYear().toString() + "/"; n += (date.getMonth()+1).toString().padStart(2, "0") + "/"; n += date.getDate().toString().padStart(2, "0") + "_"; return(n); } http://mevius.5ch.net/test/read.cgi/tech/1702111239/8
9: デフォルトの名無しさん (ﾜｯﾁｮｲ 5510-yLTa [222.230.65.145]) [sage] 2023/12/10(日) 16:35:00.00 ID:ngtmyS7f0 // DateをHH:MM文字列に変換する function timeToHhmm(time){ let n = time.getHours().toString().padStart(2, "0") + ":"; n += time.getMinutes().toString().padStart(2, "0"); return(n); } http://mevius.5ch.net/test/read.cgi/tech/1702111239/9
10: デフォルトの名無しさん (ﾜｯﾁｮｲ 5510-yLTa [222.230.65.145]) [sage] 2023/12/10(日) 16:35:52.81 ID:ngtmyS7f0 申し訳有りません。 サービスでの稼働は確認出来たのですが、共有方法が分からないので、連投になってしまいましたが、直接描かせていただきました。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/10
11: デフォルトの名無しさん (ｱｳｱｳｳｰ Sa49-+EJW [106.155.27.178]) [sage] 2023/12/10(日) 17:01:43.23 ID:013bN9IEa >>10 よくわからんけどそもそもその環境は関数定義して呼び出すとかできるの？ 全体を関数として扱って最後の戻り値を文字列として解釈してるとかそういうノリではなく？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/11
12: デフォルトの名無しさん (ﾜｯﾁｮｲ ed27-tek/ [2400:2200:6f2:ad4b:*]) [sage] 2023/12/10(日) 17:01:58.34 ID:uEdCnVbW0 >>10 https://wiki.mementodatabase.com/index.php/JavaScript_field >but only the result of the last operation will be entered into the field. とあるから最後の文の値が結果値として採用される だからtimeToHhmm関数自体が結果になっている 修正したければコードの最後に const result = stDate + stTime + " " + edDate + edTime などと追加すればその値が結果値として採用されるんではないだろうか http://mevius.5ch.net/test/read.cgi/tech/1702111239/12
13: デフォルトの名無しさん (ﾜｯﾁｮｲ 5510-yLTa [222.230.65.145]) [sage] 2023/12/10(日) 21:02:11.63 ID:ngtmyS7f0 >>11,12 まさに仰るとおりでございました。 最後に出力文を置くことで正しく稼働を確認できました。 改めて調べようが足らなかったことを痛感しました。正直自分の中に『これ、なんかバグってるのかな…』などと考えてしまってた所もありましたが、単に仕様であったことに恥ずかしさとプラットフォーム開発者に申し訳ないですね。 wikiもしっかり読み込んで改めて勉強しなおしてみます。 本当にありがとうございます。 長々と失礼しました。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/13
14: デフォルトの名無しさん (ﾜｯﾁｮｲ b51d-C3j7 [180.178.89.53]) [sage] 2023/12/15(金) 23:44:44.09 ID:WfAwrcm40 nullとundefinedはどう違うのでしょうか？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/14
15: デフォルトの名無しさん (ﾜｯﾁｮｲ b701-Y8ba [60.106.64.223]) [sage] 2023/12/16(土) 00:21:53.93 ID:92Act5oB0 >>14 型も値も何もかも違う http://mevius.5ch.net/test/read.cgi/tech/1702111239/15
16: 14 (ﾜｯﾁｮｲ 4f1d-Qk2W [180.178.89.53]) [sage] 2023/12/16(土) 12:33:00.76 ID:3Jo1PIzy0 >>15 レスありがとうございます 単純に、nullは「空」、undefinedは「未定義」と理解しておけばいいでしょうか？ うーんでも、空だから未定義であるとも言えるし、未定義だから空とも言える気もします 難しく考え出すとハマりますね… http://mevius.5ch.net/test/read.cgi/tech/1702111239/16
17: デフォルトの名無しさん (ﾜｯﾁｮｲ 5b48-r/Us [2400:2200:3f1:994b:*]) [sage] 2023/12/16(土) 12:50:38.08 ID:GGJUNSgh0 まず「空」とはなんぞや、「未定義」とはなんぞやってところから勉強してみたら？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/17
18: 14 (ﾜｯﾁｮｲ 4f1d-Qk2W [180.178.89.53]) [sage] 2023/12/16(土) 13:09:24.81 ID:3Jo1PIzy0 >>17 レスありがとうございます 自分なりに少し調べてみたら、 undefinedは「これから何かしらの値が入る余地があるがまだ定義されていない」 nullは「値が入りようがないから空」 という違いがあるみたいですね http://mevius.5ch.net/test/read.cgi/tech/1702111239/18
19: デフォルトの名無しさん (ﾜｯﾁｮｲ 5b48-r/Us [2400:2200:3f1:994b:*]) [sage] 2023/12/16(土) 13:43:31.64 ID:GGJUNSgh0 意味的には別物だというのは納得できた？ http://mevius.5ch.net/test/read.cgi/tech/1702111239/19
20: 14 (ﾜｯﾁｮｲ 4f1d-Qk2W [180.178.89.53]) [sage] 2023/12/16(土) 16:34:04.63 ID:3Jo1PIzy0 >>19 はい、それなりに理解出来たと思います ありがとうございます JSでは、undefinedに比べるとnullの登場頻度はかなり低いみたいですね http://mevius.5ch.net/test/read.cgi/tech/1702111239/20
21: デフォルトの名無しさん (ﾜｯﾁｮｲ 0e6d-Aq9B [240b:10:8401:ab00:*]) [sage] 2023/12/16(土) 19:13:30.08 ID:UfR4i5aB0 設計ミスだから使い分ける必要はなく 外部とのやりとり以外にnullは使わないと統一した方が問題でにくいし楽 http://mevius.5ch.net/test/read.cgi/tech/1702111239/21
22: デフォルトの名無しさん (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) [] 2023/12/18(月) 12:29:54.63 ID:UBFKxLGp0 配列の宣言はvar list=[]; オブジェクトの宣言var obj={}; 配列の配列の宣言は var list=[[]]; ではオブジェクトの配列の宣言はどうすればいいですか？ var obj={[]};のようにしてもできませんでした。 obj["aaa"][0]=100; obj["bbb"][1]=200; のように値を入れたいです。 http://mevius.5ch.net/test/read.cgi/tech/1702111239/22
23: デフォルトの名無しさん (ﾜｯﾁｮｲ 4f10-n6T6 [180.12.82.129]) [] 2023/12/18(月) 12:38:38.33 ID:UBFKxLGp0 配列のオブジェクトって言った方が正しいのかわからないけど とにかく>>22のように代入したいんです http://mevius.5ch.net/test/read.cgi/tech/1702111239/23
24: デフォルトの名無しさん (ﾜｯﾁｮｲ 0e2a-YOgt [240b:10:8401:ab00:*]) [sage] 2023/12/18(月) 12:58:21.29 ID:kn95Gf6w0 [[]] 配列を入れ子にしても1番目の要素を[]に初期化しているだけで 配列として使いたい場合に必要な手順ではない 仮に1番目を[1,2]、2番目を[3]にしたい時に操作が変わってしまうので邪魔なだけ 配列は空のまま [] で十分 あとconst/letじゃなくvarで書くスタイルは古い 参考にした情報があるなら忘れよう 更新もせずずっと放置しているなら害悪でしかない http://mevius.5ch.net/test/read.cgi/tech/1702111239/24
25: デフォルトの名無しさん (ﾜｯﾁｮｲ 225c-ivtJ [61.196.5.7]) [sage] 2023/12/18(月) 13:13:46.30 ID:BJv/M26K0 let obj = {}; obj["aaa"] = [100]; obj["bbb"] = [undefined]; obj["bbb"][1] = [200]; http://mevius.5ch.net/test/read.cgi/tech/1702111239/25
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 282 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.015s