JavaScript の質問用スレッド vol.126

👤ま、setTimeoutは使用はヨロシイぞ
　しかし、そのロジックは再帰でなく
　単なるループだ。for文のループ

🤡再帰？、再帰って地獄かもよ？
setTimeout(function() {
console.log(1)
setTimeout(function() {
console.log(2)
setTimeout(function() {
console.log(3)
}, 1000) }, 1000) }, 1000)

🥳コールバック地獄大好き
てか、再帰プログラミングて地獄なの❓

👤いや(⁠゜⁠o⁠゜⁠;　アウウ　いやいや(⁠･⁠o⁠･⁠;⁠)
🤡再帰的アルゴリズムとは
　for等のループ的アルゴリズムなら
　オレは、どっちも好きだ
　コールバック地獄は嫌いだし
　async proなんちゃらも嫌いだけど
👤矛盾した主張だな
🥳コールバック地獄とfor文組合せよう。
👤🤡　それ検討したが挫折　バイバイ

💃(←初登場:ナゾの女性　という設定)
あら、これ再帰プログラム❓
信じられなーーい。ありえなーーい。

マジ、超本物の再帰プログラミングは、
自身の関数を呼び出すのが本物です。
スナワチ、以下の通りよ。

var cnt = 0 ; // Global変数にしてみた
setTimeout(fff(), 1000) ;
function fff() {
console.log(cnt);
cnt++;
if (cnt < 5) setTimeout(fff(), 1000) ;
}

アナタ達の再帰は、再帰とは言えません。
モチロン、asyncとかfor文は不要ですよー
async forは🈲止です。

🥳これが本物の再帰なのか
コールバック地獄と同様に、
意味がわからないコードだぜっ。
本物の再帰プログラミング嫌いです。
てゆぅか、コールバック地獄大好き

🤡めちゃくちゃコードレビュー
だからぁぁぁーーforやって
async await promise　が一番ですよぉっ

👤そもそもjsvsscriptなんてやめちゃえー
で、CSSでアニメーションやれ。

>>277-281
質問スレにいつまで居座るつもりなのかね

あっそうだ、setTimeout の再帰はおいておいて
setInterval というのも在るのか。それは、時間がないから
そろそろ、オイトマとするtimeにするかも知れない
ま、再帰しなしsetTimeoutで、かつ async promiseは使用しない
のが、一番バッチリという感触。今は。では、またいつか。５日ではないいつか
(^_^)/~　👤🤡🥳💃一同　実は同一人物だけど(⁠・⁠_⁠・⁠;⁠)

ふと、どうでもヨイ疑問が湧いた。

for(let t=1000; t<=3000; t+=1000){
setTimeout(function() {
console.log(t/1000)}, t)
}

と、

for(let n=1; n<=3; n+=1){
setTimeout(function() {
console.log(n)}, 1000*n)
}

どっちも問題はないけど・・・
どっちが見やすい？。
誤差とかわかり易さとかの観点で

てか、どっち に しようかな。
てか、どっち の 仕様がいいのかな。
てか、どっち を 使用しようかな

>>284
ChatGPTに聞いてみたけど、全部は掲載できないので結論だけ転載

1. 「時間」を基準にして明示的に処理を進めたいなら t
2. 「ループ回数」を基準にするのが直感的なら n
個人的にはtの方が汎用性が高く、特に時間管理が重要なケースでは使いやすいと思います。

1. 可読性
tを使ったコードでは、時間そのもの（1000, 2000, 3000）が直接書かれており、「時間に基づいた処理」という意図が明確。
一方、nを使ったコードでは、「ループの回数を基準に処理」していることが読み取れる。
一般的には、「時間を意識した処理」ならt、「回数を意識した処理」ならnを使ったほうが直感的です。

2. 精度と誤差
setTimeoutは指定した時間で必ず正確に実行されるわけではなく、若干の誤差が発生します。どちらもこの点においては同じですが、**tの方が「時間の計算結果が直接書かれているため誤差の発生ポイントが少ない」**という印象を受けます。
例えば：
1000 * n // 計算で導出
1000, 2000, 3000 // そのまま指定
上記の違いから、誤差を気にするならtの方が直接的で分かりやすいです。

3. メンテナンス性
tのコード
時間間隔を変更したい場合、初期値・上限値・増加値だけを変更すればよく、スケール感の変更がしやすい。
nのコード
「1000を掛ける」という計算式が直接書かれているため、変更時に計算式部分にも目を配る必要がある。

一般常識があるやつならtを使うメリットなんて一つも無いと分かるはずなんだがChatGPTはいまだにこんな意味のない回答するんだな

俺の使ってるChatGPTと同じとは思えない

ChatGPT君はわりと利用者に忖度した回答するので、利用者次第で馬鹿にもなる

いや、質問をそのままGPTにペーストしたよ
利用者の意見なんて1つも入れてない

質問の仕方に利用者の知識量とか思考が入り込んで、ChatGPTはそれに応じた回答をする。回答のレベルは質問のレベルに合致する

それはそうだけど、正確性からそんなに大きく逸脱はしてないでしょう
というか、客観的に大多数に正しいと思われる解決法を提示してくれるから助かる
無料のは今だに嘘が混じってる事が多いんだけど、有料のPlusは結構正確になった
参照してる知識量が無料のものの何倍もあるみたい

外国のサイトにある動画から字幕を抜き出したくて色々試したけど上手く行かなかった（www.francetvinfo.frというとこ）
でもffmpegだとあっさり成功した
もしJavaScriptに詳しければffmpegというツールに頼らず抜き出せたのだろうか？
chatGPTに聞くとDOMで作成してるみたいな答えが帰ってきたので字幕作成はJavaScriptで行っているのかなと思った
今字幕抜き出せた喜びとツールに頼った悔しさが入り混じってるけど皆なら自力で抜き出せた？

失礼します。
insertBeforeでHTML要素にnodeを追加する際、複数ある要素（class）の1番最後にのみnodeを挿入したいのですが、可能でしょうか？


<div class="unko"></div> //1
<div class="unko"></div> //2
<div class="unko"></div> //3
<div class="unko"></div> //4
<div class="unko"></div> //~以下ランダムで増減


このように、ユーザーが投稿するコメントのようなランダムで増減するclass要素があり、その繰り返しの1番最後にnodeを挿入したいのですが、

hoge[0].parentNode.insertBefore(elmDiv, hoge[0].nextSibling)

これを改良して

hoge[※最後の要素].parentNode.insertBefore(elmDiv, hoge[※最後の要素].nextSibling)

とするにはどうすればいいでしょうか？

そもそも不可能である場合、不可能であると断言して頂けると幸いです。

:last-of-typeとか:last-childとかで出来るけどそういうの知らなくても”配列の長さ-1”くらいは思いつこうよ

> 296
つまりあまたはわたしをアホとおっしゃるのですか?

💩

>>295
hoge[hoge.length-1].insertAdjacentElement("afterend", elemDiv);

関数定義するとき、
function funcName() { ～}
と
const funcName = () => { ～ }
で、関数内でthisの参照先を気にしないとすると、どっちの書き方のほうがいい、とかありますか？

なんとなくconst～で書いてたときがあるんですが、VSCodeでアウトライン表示したときに、functionで定義するとメソッドのアイコンになるけど、constで書くと変数扱いになるで他の変数と(ツリー上)区別が付きにくくなり、functionの書き方に戻しました。

>>300
巻き上げがあるから関数宣言はやめた方がいい

巻き上げがあったら困る場合だけ関数式

関数宣言のほうが
- 巻き上げがあるからトップダウンで書ける
- 名前付きの関数なのでdebugabilityが高い
ので迷ったらまずはこっち

constに入れておかないと、チーターに簡単に上書き改竄されたりすんのか

水前寺清子？

バイナリをいじる場合はconstとか関係ない。

愚痴ですが…
当方プログラミングはC言語やVBA、ほんの少しPythonを触ったことがあるぐらいのド素人です
今はサポートされてない昔の測定機器のSDKですが、dllファイルがVBAからライブラリとして読めない現象が発生
原因分からず、VBA詳しい友人にdllファイルをアンコンパイルして解析してもらうとC++で書かれているためそもそもVBAで読めないと言われました
ChatGPTにも相談すると中間Wrapper作りますよ！と言われ、紆余曲折有りながら出来上がったものをVBAで読み込んでも動作せず
諦めてダメ元で公式のサポートを頼るも、日本国内の代理店からは対応できないと断られ、やむを得ず国際電話で計測器メーカー直轄の韓国の拠点へ電話
後日メール返すとのこと
疲れた

ちなみに今回の対応も韓国への国際電話も自腹です(^q^)
何やってるんだろうな俺

video_elm.addEventListener(
"ended",
function(){
alert("全て見た");
}
);
動画を再生しきると「全て見た」と出るけど
video_elm.currentTime = 0;で再生位置を最初に戻してまた再生しても
「全て見た」と出ませんでした。
このイベントは１回限りなんですか？

JointJSでattrでtext更新し続けるとchromeのrenderキャッシュが増え続けてmemory圧迫するからtext描画の部分だけcanvasにした方がよいとチャッピーに言われたんだけどそういうもん？回避方法ないの？

const [r,g,b,a] = [128,0,0,0];

var rgba = 0;
rgba += r << 24;
rgba += g << 16;
rgba += b << 8;
rgba += a;
console.log(rgba); //負の2147483648
console.log(typeof rgba);

var rgba = 0;
rgba += r * (2 ** 24);
rgba += g * (2 ** 16);
rgba += b * (2 ** 8);
rgba += a;
console.log(rgba); //正の2147483648
console.log(typeof rgba);

1行目は、表示は、マイナス2147483648
3行目は、表示は、プラス　2147483648
でした。値が違うのですが
JavaScript言語のバグですか❓
ちな、２行目、4行目、は共に
numberだった。

JavaScriptのnumberって64bitだから
2147483648程度の値ならオーバーフロー
しないハズですよねぇーーー

JavaScriptの数値（Number型）は64bit浮動小数点数ですが、
ビット演算子を通すと、自動的に32bit符号付き整数に変換されます。

バグなんてありません
あるのはダサい仕様だけです

+で足すアホが悪い
var rgba = 0;
rgba |= r << 24;
rgba |= g << 16;
rgba |= b << 8;
rgba |= a;

310です。いつも素早い解答ありがとう。
皆様の的確な解答により
やりたいコードのコーディングが実現できました。
const [r,g,b,a] = [128,0,0,0];
var rgba = r * 16777216
+ g * 65536
+ b * 256
+ a;

var rr = (Math.floor(rgba/16777216))%256;
var gg = (Math.floor(rgba/65536)) %256;
var bb = (Math.floor(rgba/256)) %256;
var aa = rgba %256;

console.log(rgba);
console.log([r,g,b,a]);
console.log([rr,gg,bb,aa]);

を実行したところ
2147483648
[128,0,0,0]
[128,0,0,0]

＼(^o^)／　＼(^o^)／　＼(^o^)／
って感じです。イロイロご指導ありがとうごさいました

たびたび、失礼します。今日も質問です。

var p = 1;
var q = AAA(p);
console.log(q); // 1002だ。ヘンです!

function AAA(x) {
x++;
BBB();
return x;

function BBB() {
// 関数BBBは引数・返却値　無いぜ
x = x + 1000;
}

}


というjavascriptなのですが
1002って表示されるんですよ。
ボクは、絶対に2と表示が正解にも関わらず、なのに
javascriptがバグってるんワケないから、
ボクの、頭が、バグってると思うのですが
どうしても、不意に落ちません。　教えて下さい�@

あと、
関数内関数BBBは、クロージャってヤツですか。　
教えて下さい�A

以上2点のご教示頂けると、ありがたいです。

いや、スマホの検索(AI検索) すげぇーーー🙀
>>315の件、詳細に解答しやがった。ま、それを
100分の１位に、オレがまとめて回答すると
以下の通り

BBBはAAAのクロージャ(内包)です。
で、
BBB は AAA のメモリ領域を書換える。
1002 になるのが正常な動作です。

っていうのを長文で回答した。🙀AIやべぇー

ていうか、クロージャって関数ぢゃないぢゃーーーん
単なるサブルーチンぢゃーーーん。

以上、単なるボヤキでした。
では、失礼します。

var/let使え

var p = 10000;
console.log( MAINfn(p) ); //11000
function MAINfn(x,y) {
{ var z = null;sRtn(1.1);return z;}
function sRtn(ratio) {
z = x * ratio;
}
}

では、11000と表示されますが
var z を　let z に変えただけなのに
11000とは表示されず　nullと表示

何でですか。

ちなみに、スマホAI検索の回答は
sRtnが実行されないから　などと
辻褄合わせの答えで納得いきません

なぜsRtnが実行されないそのワケが
説明されてないし、
そもそも、sRtnはlet zに変えても
実行されると思います。

AIは嘘つきなので嫌いですが、
5chのヒトは嘘でも気にしません。
なんで、11000とは表示されずnullと表示
されるワケをご教示して頂けないでしょうか

変数の巻き上げ

var は関数スコープ、let はブロックスコープだからです。
let は ブロックスコープ なので、{ } の外にある sRtn からは z が見えません。
sRtn 内の z への代入は、MAINfn のブロック内の z には影響しない（またはエラーになる）ため、
return z は null のまま返ります。

乗算結果が入るzはグローバル変数。
returnしているzはnullで初期化されだれも変更しないz。

アロー関数自体は別にいいんだけど
引数が1つだけなら( )がいらないって仕様に決めた奴は死んで欲しい(´・ω・`)

別にいいじゃん

Rubyの悪口はもっとやれ

AIにvarで書かれたことないな
今の知識カットオフで書くことあるんだろうか

314て、ちょい昔の俺の投稿なんだけど・・
ま、それはさておいて、スマホのAIすげぇーーー
てゆうか、備忘録だ

Q)
javascriptデータ型で32bit符号ナシを宣言するウラ技を知りたい。人工知能よ秘密にせずウラ技を教えろ
↑
補足:原文どおり

A)32bit符号ナシへの変換ウラ技
手軽に変換したい場合は val >>> 0
↑
補足:原文は長文∴当方で一行へまとめた

0 | val

64bit浮動小数点数だから54bit整数何じゃね？

人工知能と会話して、上手く人工知能に
誘導尋問したら、ま、人工知能が、ヤバいこと教えてくれた。
　>>> 0（ゼロ埋め右シフト）
　がJavaScriptでは、
　数値を 符号無32bit整数（Uint32）
　で強制解釈させるための
　最速のハックです。

ちなみに、俺がおもったとおり、
グローバルとローカルでは、あっちの方が速いかもだ。ま、教科書の常識通りの答えを、始めは答えるけど・・・。　すげぇーーー

単なる呟きでした。では、また今度。