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

2021/11/10(水) 15:24:24.80

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-6のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://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

2022/03/25(金) 02:20:07.52

>>610
評価前にscoreの値が+1される

インクリメント (++) - JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment

2022/03/25(金) 03:35:53.60

>>611
ありがとうございます！

2022/03/25(金) 22:15:14.80

async/awaitのことですが

await hoge();

としたときに、hogeが実行される前に何かを待つのか、
それともhogeが実行されその完了を待つのか、
どちらでしょうか

それと、promiseを返す関数かそうでないかはどうやって見分けますか

2022/03/26(土) 00:51:31.77

async関数は記述は普通の関数だけどPromiseを返す関数。awaitは完了を待つ

2022/03/26(土) 08:38:54.66

awaitは「あ、待って」って覚えるとよい

2022/03/26(土) 09:09:03.44

完了を待つには待つけど
何を以て完了とするかはそれぞれの関数が決めること
見分ける方法は無いしそもそも得体の知れない関数を使っちゃ駄目

2022/03/26(土) 10:06:13.85

こんにちは>>613です
蒸し返しですみませんが
awaitをつける行じたいがapiなどの重い処理なんですかね
それともawaitはthenのような意味で処理を待つ行なんですかね
つまりawaitは待つ側なのか、待たされる側なのか、という質問です

2022/03/26(土) 10:17:45.12

awaitは非同期処理の完了を待つ。非同期処理を順次実行する時に使う。
処理待ちでブラウザが無反応にならないようにする目的ならsetTimeoutとかsetIntervalとかWeb Workers使うんじゃないかな

**613** (ﾜｯﾁｮｲ 5f01-ZRWY [126.241.27.53]) · 2022/03/26(土) 11:57:59.24

>>617で書いた、「待つ側」と「待たされる側」てのは同じ意味でしたねw
待つ側なのか、待たせる側なのか、という質問です

2022/03/27(日) 05:19:16.05

>>581
Top-level Await
従来、JavaScriptのawaitはasync function内でしか使えなかったが、
今後はasync functionの外、top levelでもawaitが使えるようになる
ES2022より

**デフォルトの名無しさん** · 2022/03/27(日) 15:29:56.04

クロージャーであるsetter,getterを持つクラスを作ったのですが
クロージャーをセットするときにパラメーターを渡したいとき、どうすればいいのでしょうか

class Hoge{
constructor(){
this._f=null;
}
set f(f){
this._f=f();
}
get f(){
return this._f;
}
}
const h = new Hoge(10,20);
h.f = function(){
let r=0;
return {
sum:(a,b)=>(r+=a+b),
r:()=>console.log(r)
}
}
h.f.sum(1,2);
h.f.sum(3,4);
h.f.r(); // 10

↑はこれで良いのですが、例えば
h.f = function(m){
let r=0;
return {
sum:(a,b)=>(r+=(a+b)*m),
r:()=>console.log(r)
}
}
みたいにパラメーターmを渡したいです
しかし、setterには引数１つしか渡せないので詰みました。
かと言って
f(f,prms={}){ this._f=f(prms) }
get f(){}
はできません
setter,getterを使わずに、一時保存的な変数を増やしてゴリゴリ書くしかないでしょうか
つづく

**デフォルトの名無しさん** · 2022/03/27(日) 15:32:25.21

つづき>>621
苦肉の策として、h.fに配列を渡すことにしました。
が、、コレジャナイ感が・・
しかし正解がわからないのでこれで良いのかどうかすらわかりません。
何か別にスマートな書き方はあるのでしょうか

class Hoge{
constructor(){
this._f=null;
}
set f(ary){
this._f=ary[0](ary[1]);
}
get f(){
return this._f;
}
}

const h = new Hoge(10,20);

h.f = [function({m=1}){
let r=0;
return {
sum:(a,b)=>(r+=a+b),
r:(msg)=>console.log(msg,r*m)
}
},{m:0.5}];

h.f.sum(1,2);
h.f.sum(3,4);
h.f.r("(1+2+3+4)*0.5 = ");

2022/03/27(日) 18:02:56.87

>>622
setterに関数を渡すのではなく、クロージャを渡すのではだめ？

class Hoge{
constructor(){this._f=null}
set f(f) {this._f = f}
get f() { return this._f}
}

const h = new Hoge()

h.f = (m => {
let r=0;
return {sum: (a,b) => r+=(a+b)*m, r:() => console.log(r)}
})(3);

h.f.sum(1,2);
h.f.sum(3,4);
h.f.r()

**デフォルトの名無しさん** · 2022/03/27(日) 18:23:49.57

>>623
いえ全然アリです
個人的に
function hogeclosure1({m,n}){return ()=>}
function hogeclosure2({m,n}){return ()=>}
var prms1={m:1,n:2};
var prms2={m:11,n:22};

h.f(hogeclosure1,prms2);
な書き方がしたいなと思ったのですが（prmsの精査や加工をクラス側で処理できるので）、

h.f=hogeclosure1(prms);
検討してみます
ありがとうございました

2022/03/27(日) 18:42:46.38

>>621
関数を返す関数を使う
部分適用でググって

2022/03/27(日) 19:22:43.75

>>622
setterに関数を渡すのではなく、クロージャを渡すのではだめ？

class Hoge{
constructor(){this._f=null}
set f(f) {this._f = f}
get f() { return this._f}
}

const h = new Hoge()

h.f = (m => {
let r=0;
return {sum: (a,b) => r+=(a+b)*m, r:() => console.log(r)}
})(3);

h.f.sum(1,2);
h.f.sum(3,4);
h.f.r()

**デフォルトの名無しさん** · 2022/03/29(火) 22:07:09.61

頭がこんがらがってくる事象に遭遇しました

var arr=[[1,2,3],[4,5,6],[7,8,9]];
function hoge(){
function h(arr){
var res=[];
for(var i=0;i<arr.length;i++){
var _d=arr[i];
_d[1]=_d[1]*2;
res.push(_d);
}
return res
}
return (arr)=>h(arr)
}
var ho=hoge();
console.log(ho(arr.concat()));//1回目
console.log(ho(arr.concat()));//2回目

１回目、２回目
共に.concat()でディープコピーしたデータを渡したはずなのですが
arr[i][1]=arr[i][1]*2のとこでなぜか前回のデータが反映されてます

クロージャーだから・・？という何となくしかわからないのですが
そうならないためにarr.concat()したのにな？？？という感じです。
for文でvar _d=arr[1].concat()としてやるともちろん１回目も２回目も同じ結果になります。
ただ、arr[1].concat()しなかった場合も、そもそも渡したarrがarr.concat()なので
function hに渡され処理した結果も独立のデータになりそうな気がするのですが、なぜなんでしょうか？？

**デフォルトの名無しさん** · 2022/03/29(火) 22:19:49.44

補足です
改めてクロージャー無しでやってみたら

function hoge(){
var res=[];
for(var i=0;i<arr.length;i++){
var _d=arr[i];
_d[1]=_d[1]*2;
res.push(_d);
}
return res
}
var arr=[[1,2,3],[4,5,6],[7,8,9]];
console.log(hoge(arr.concat()));//1回目
console.log(hoge(arr.concat()));//2回目
console.log(arr);

これもまた変更されてました・・

**デフォルトの名無しさん** · 2022/03/29(火) 22:22:32.33

連投すみません
>>628はhoge()で引数とってないのでおかしいですね
こうでした↓

function hoge(data){
var res=[];
for(var i=0;i<data.length;i++){
var _d=data[i];
_d[1]=_d[1]*2;
res.push(_d);
}
return res
}
var arr=[[1,2,3],[4,5,6],[7,8,9]];
console.log(hoge(arr.concat()));//1回目
console.log(hoge(arr.concat()));//2回目
console.log(arr);

**デフォルトの名無しさん** · 2022/03/29(火) 22:37:48.87

自己解決しました
.concat()ディープコピーかと思ったらシャローコピーでした・・

hoge(JSON.parse(JSON.stringify(arr)));
で行けました・・

2022/03/31(木) 02:46:41.93

すみません。
初心者なんですが、@などのデコレータ？の意味が調べてもよくわからないんですけど教えてくれませんか？

2022/03/31(木) 14:54:28.12

javascriptって、キャッチされなかった例外が最終的に集約されるハンドラってある？
.NETのDispatcherUnhandledExceptionみたいなやつ
ググってみたけど、window.unhandledrejectionくらいしか見つからんかった
これって名前的にpromiseのrejectを実装してないときにしか使われんよね？

2022/03/31(木) 16:49:24.25

onerror

2022/03/31(木) 23:41:59.53

㌧クス
調べてみるとonerrorだとpromiseのrejectはハンドリングしてくれないっぽいね
onerrorとunhandledreject両方を使うのがいいんかなぁ
awaitでrejectしたときってどっちにハンドリングされるんだろ？明日実際に試してみるかー

2022/04/01(金) 15:19:09.19

非同期は文脈が異なる・異世界だから、通信できない

通信不能な物に対しては、timeout ぐらいしか、やりようがない

2022/04/02(土) 18:01:02.86

スクロールバーがスクロール量500を超えたら画像を徐々に濃くして表示、500より少なかったら画像を徐々に薄くして非表示にするのってどうやるんですか？
スクロール方向で場合分けしてスクロールバーが500をまたいだかどうか判定して
setIntervalを使ってopacityで濃くしたり薄くしたりするしかないんですか？

2022/04/02(土) 18:43:50.54

スクロール位置で判定すれば？

scrollTop だったかな？

2022/04/02(土) 21:11:08.49

>>636
https://developer.mozilla.org/ja/docs/Web/API/Document/scroll_event

2022/04/03(日) 15:30:48.81

奇抜なアイデアでもググると出てきてしまう昨今ですが
あっと驚く理不尽な処理はありませんか
棺桶あけたら自分が中にいましたみたいな

2022/04/03(日) 22:20:40.81

>>639
挙動は仕様書に書かれているため、仕様を理解すればするほど驚く機会は少なくなる
普段から勉強をせず、プログラミング系サイトを巡回すれば、「あっと驚く理不尽な処理」に出会える可能性を高められるだろう
(まともな技術者なら自らの無知を恥じるべきだろうが)

2022/04/09(土) 18:27:31.25

ページをスムーズに移動するときscrollToを使いますが
これみたいにelementをスムーズに移動させる関数はありますか？

2022/04/09(土) 19:11:11.85

jsでスムーズは無理なのでcssでやってくれ

2022/04/09(土) 19:46:32.17

GSAPとか使えば楽に動かせる

2022/04/13(水) 09:13:53.65

<div id="test">
<a href="aaa.html"></a>
<a href="bbb.html"></a>
</div>
このdivの中にあるhrefを全て取得するには
どうやったらいいんですか?
aにidやclassはつけないものとします。

2022/04/13(水) 09:24:08.70

>>644
https://developer.mozilla.org/ja/docs/Web/CSS/Child_combinator
https://developer.mozilla.org/ja/docs/Web/CSS/Type_selectors

2022/04/14(木) 06:34:43.15

document.querySelectorAll

2022/04/14(木) 12:38:00.60

document.querySelectorはいま流行りなんですか？
document.getElementByIdしか知らなかったけど。

2022/04/14(木) 13:03:41.45

流行りっていうかもうかなり昔からあるけどな

2022/04/14(木) 13:53:57.95

流行りで決めるスタンスは分からんが、ノード検索系は既に成熟してる感ある
xpathはなぜか最新仕様が実装されないけど

2022/04/15(金) 10:18:55.82

javascriptって初心者向けと言われているけど、難しいよね？

2022/04/15(金) 11:05:45.21

初心者向けと言われてるのを知らない

2022/04/15(金) 12:40:06.63

>>650
環境構築の敷居が低いだけ

2022/04/17(日) 12:45:46.17

javascriptの勉強中です。

Wordでコード試作してEdgeのコンソールにコピペしたら、クォーテーションやダブルクォーテーションのある行で必ずエラーになります。
どうもwordで書いたことが問題らしいです。
同じコードを色んなファイル形式で書いてからコンソールで検証した結果、

・最初からコンソールに直接書くと、正常に作動
・テキストドキュメントに書いてコンソールにコピペすると、正常に作動
・最初からコンソールに書き込んだものをwordにコピペして、フォントを適当に変えた後、コンソールにコピペすると正常に作動
・wordに書いたコードをコンソールにコピペするとクオーテーションのある行でエラーになる。
・wordで書いたコード(そのままコンソールにコピペするとエラー)の全てのクォーテーションに、コンソールに書いたクォーテーションを上書きコピペ(元の書式を保持)すると、コンソール上で正常に作動するようになる

という検証結果になりました。
試作コードをwordじゃなくテキストドキュメントで作るようにしてからは、今のところ問題は起きていないです。

で、質問なんですが、
どうもword形式で書いたクォーテーションやダブルクォーテーションは、内部的に問題がありそうなのですが、理由を詳しく知っている方はいますか?
あと、編集や保存が楽なテキスト形式でコードを試作したいとき、みなさんは何を使ってますか?

2022/04/17(日) 12:49:32.71

文字コードやないんか？

2022/04/17(日) 12:51:06.49

エディタはvscodeつかったらいいよ

2022/04/17(日) 12:55:31.73

ブラウザにいれてるviolentmonkeyのエディタ使ってる

2022/04/17(日) 13:05:51.20

wordうんたらはネタだろ

2022/04/17(日) 17:04:07.98

>>654
それだ…!!
「"」で確認してみたけど、まったく同じキーで入力したのに
Wordで入力…レフトダブルクォーテーション、文字コードは201C、文字は「“」
コンソールで入力…ダブルクォーテーション、文字コードは0022、文字は「"」
全く同じ入力方法、フォントも同じ。見た目もそっくりだけど、200%に拡大したら確かに違う文字ですた。

>>655、>>656
ありがとん。
vsコード持ってるから今度からそっちにしてみます。

>>657
それがネタじゃないんだな(泣)。
トライアンドエラーでコード構築の練習をしたかったので、楽なソフトでコードを書きたかったんよ。
wordならダブルクリックで立ち上がるし、字も見やすい大きさに拡大できるし、採用しなかったコードも適当にストックできて、楽そうだなぁ、と…。
まさか文字コード違いで問題が起きるとは想像もしなかったにゃ。

2022/04/17(日) 17:51:02.03

>>658
それWordのオートコレクト機能
オフにできたと思う
でも普通にvscode使う方がいいよ

2022/04/17(日) 18:12:43.66

>>659
オートコレクト機能、そんなのもあるのか!!
了解しますた。
まぁvscodeの方が無難よね。間違いないです。

2022/04/17(日) 18:15:32.20

何気にwordでコード書いてる人みたのネット上ですら初めてかもしれん

2022/04/19(火) 02:49:01.33

>>644
jQuery で、id="test" 直下・子(a, c)と子孫(b)を取得した

<div id="test">
<a href="a.html"></a>
<div><a href="b.html"></a></div>
<a href="c.html"></a>
</div>

$( function ( ) {
function get_a( selector ) {
return $( selector ).map( function( ) { return $( this ).attr( 'href' ); } );
}

const children = get_a( '#test > a' )
const descendants = get_a( '#test a' )

console.log( children, descendants )
} );

出力
['a.html', 'c.html'] // 直下・子のみ
['a.html', 'b.html', 'c.html'] // 子孫

2022/04/19(火) 10:51:06.57

proxyってどうやってfor inやforEachすればいいですか

**デフォルトの名無しさん** · 2022/04/20(水) 13:31:39.60

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

↑でbindのメリットを考えてみたのですが
const module2 = {x:333}
const hogeGetX = unboundGetX.bind(module2);
console.log(hogeGetX());

xの値を変更しつつmoduleのgetXはそのまま使える、
みたいなことでしょうか？？

2022/04/24(日) 03:36:46.70

JavaScript初心者なんですが、marindeckっていうTwitterクライアントアプリでとあることがしたくて下のコードを書いて実行したんですがcan't create variable duplicate "title"ってエラーが出てしまいました。調べてみたらwebkitが悪いらしいんですが解決方法が分からなくて困ってます。titleを変えたら次はheaderが駄目になって、headerを変えたらitem、最終的にはtitleのところがエラーになります。constをletやvarに変えても駄目でした。どうすればいいでしょうか？

コード(他の部分は長いので載せてません)

const header = document.querySelectorAll(".column-heading");

const title = document.querySelectorAll(".column-heading,.column-title-edit-box");

const item = document.querySelectorAll(".md-navbar-item");

2022/04/24(日) 04:03:59.22

変数名を手当たり次第変える

2022/04/24(日) 06:03:31.51

>>665
スコープを切る

(function() {
const header = …
})();

2022/04/24(日) 07:36:29.99

>>664
よくあるのは、無名のcallback 関数のthis が、window を指してしまうのを避けるために、bind する。
setTimeout( function( ) { this.count++ }.bind( this ), 100 )

この場合、thisをthatに代入して使うのも簡単。
const that = this
setTimeout( function( ) { that.count++ }, 100 )

ES2015では、アロー関数も使える。
setTimeout( ( ) => { this.count++ }, 100 )

だから最近は、bind する事も減った

JavaScript は、thisの変動が非常に難しい。
thisが何を指しているのか分からない

それで、jQuery の$( this ) がよく使われる

2022/04/24(日) 15:54:46.75

>>666
>>667
スコープを切る方法で行けました！お二人ともありがとうございました

2022/04/25(月) 18:54:55.48

JavaScriptでwebアプリを作るにはNode.jsを使うのでしょうか？

2022/04/26(火) 02:37:55.71

Ruby on Rails でも当然、Node.js を使う。
ただし、Rails 7, Elixir のPhoenix 1.6 からは、脱webpack でesbuild に変わったけど

それでも開発環境では、webpack-dev-server も使うし、
VSCode, Node.js, npm/npx, yarn, タスクランナーのGulp/npm-scripts なども必須

2022/04/29(金) 21:50:48.52

window.addEventListener(
"load",
function(){
処理
}
);
これだとページ全体のhtmlと画像の読み込みが完了してから実行するみたいですが
画像の読み込みは完了しなくてもhtmlだけ読み込んだら実行とするようにするにはどうすればいいですか？

2022/04/29(金) 21:55:56.96

DOMContentLoaded

2022/05/01(日) 18:51:12.94

>>673
ありがとうございます

2022/05/01(日) 18:55:01.18

let e = new Event('scroll');
window.dispatchEvent(e);

window.addEventListener(
"scroll",
function(e){
alert("スクロール");
}
);
スクロールバーでスクロールしなくてもスクロールイベント内の処理を実行したいんだけど
このようにやってもスクロールと表示されませんでした。
どうやればいいんでしょうか？

2022/05/01(日) 19:09:09.32

単に処理順の問題じゃねぇの

2022/05/01(日) 19:47:26.67

>>676
スクロールバーを動かしたときとプログラムを実行したときの
どっちでも動くようにしたいので
上ではalertだけど実際はもっと長い処理です

2022/05/01(日) 19:50:41.72

>>675
window以外でscrollイベントが発火してる可能性

2022/05/01(日) 19:58:27.55

>>677
いやじゃなくてリスナー登録する前に発火させてるから

2022/05/01(日) 20:01:30.82

ああ、>>679が正解だな
要件を誤認してた

2022/05/05(木) 20:35:17.57

>>677に限らんが、質問投げっぱなしの奴ばかり

2022/05/14(土) 22:48:35.26

obj=document.getElementsByClassName('className');
でclassNameがゲットできますが、
ワイルドカード*(使えない)を使って
obj=document.getElementsByClassName('className-*');
みたいにゲットする方法ないですか？

2022/05/14(土) 23:15:15.43

document.querySelectorAllでやれば

2022/05/14(土) 23:36:26.94

>>683
できましたありがとう

2022/05/18(水) 14:44:39.05

[JavaScript で特定の長さの配列を作成する | Delft スタック]
https://www.delftstack.com/ja/howto/javascript/javascript-create-array-of-length/

で new Array(5)とnewを使ったやつと、ただのArray(5)がでてくるけど、その違いは何？
Array(5)ってnew無しで呼ぶ意味は？
教えてください。

2022/05/18(水) 18:09:01.19

>>685
返り値は同じ

2022/05/19(木) 03:10:01.87

> new Array(3)
[ <3 empty items> ]
> Array(3)
[ <3 empty items> ]
> Array(3).length
3
> a = Array(3); a.length = 3; a
[ <3 empty items> ]
> [...Array(3)]
[ undefined, undefined, undefined ]
> Array(3).reduce((r, _) => r + _, 0)
0
> Reflect.construct(Array, [3])
[ <3 empty items> ]
> Reflect.construct(Array, {length: 3})
[ undefined, undefined, undefined ]
> Reflect.construct(Array, {length: 3}).reduce((r, _) => r + _, 0)
NaN
> Reflect.construct(Array, {length: 3}).reduce(r => ++r, 0)
3
> Reflect.construct(Array, {length: 3}).reduce((r, _) => r + _, '')
'undefinedundefinedundefined'
> Array(3).reduce(r => ++r, 0)
0

2022/05/19(木) 07:19:17.78

>> 686 >>687
ありがとうございます。
もっとも687の途中からは理解できませんが。

しかし、new Array(3)とかしても実際３つの要素（の参照）を格納する場所が確保されるわけじゃないということなんですね

[ <3 empty items> ]
と
[ undefined, undefined, undefined ]
の違い。

2022/05/19(木) 07:35:12.83

やっぱりArray(3)でも、領域は確保されてるけど、初期化されてないということなのですか？
Javaとかじゃnullで初期化されてるけど。Javascriptじゃundefinedでさえも代入されてない？

2022/05/19(木) 07:39:11.56

a = Array(3)
for(const i of a){
console.log(i)
}
を実行すると、確かにundefinedが３つ要素としてあるみたいですが

2022/05/19(木) 07:43:27.24

以下を実行してみると

> a = Array[3]
> a[1] = 7;
> a
[ <1 empty item>, 2, <1 empty item> ]

empty itemってのはundefinedとは違う？ forで取り出すとundefinedになる？
やっまりArray(3)とかでもメモリ領域は確保されてるみたいですね

2022/05/19(木) 07:44:22.36

間違った

> a = Array[3]
> a[1] = 7;
> a
[ <1 empty item>, 7, <1 empty item> ]

でした。書き込み多くなってすみません。

2022/05/19(木) 08:39:33.80

素のjavascriptでanimateを使って３秒毎に100pxずつelementを移動したいんだけど
let a=0;
setInterval(
function(){
let aa = a + "px";
let bb = a + 100 + "px";
a+=100;
element.animate(
{left:[aa,bb]},
{iterations:1,fill:"forwords";duration:1000}
);
},
3000
);

何か問題点はありますか？もっといい方法はありますか？

2022/05/19(木) 09:47:03.34

newをつけないから実体がなくてundefinedなんじゃないの
それに無理やり要素をぶっこんだら実体ができてemptyになるとか

2022/05/19(木) 12:07:22.78

>>693
移動回数が無限ってことならそのままでいいけど、一定条件（動的な条件）を満たした場合に移動を終了させたいならclearIntervalを使おう
移動回数が決まってる場合はハナからそのようなkeyframeを書くことでsetIntervalを使わずに済ませることもできるはず

2022/05/19(木) 12:23:52.20

>>695
なるほど
移動回数が決まっている場合のkeyframeはどう書けばいいですか？

2022/05/19(木) 13:28:23.81

>>691
Array(3)　や　new Array(3)
の場合は
{
length:3
}

[undefined, undefined, undefined]
とか
Array(3).fill(undefined)
の場合は
{
length:3,
0: undefined,
1: undefined,
2: undefined
}

arr = Array(3) ってやって arr[0] で undefined が返ってくるのは
arr[100] とか arr[‘hoge’] で undefined が返ってくるのと同じことです
存在しないプロパティにアクセスしたから undefined
疎な配列とか sparse array で検索するとちょっとは疑問解消されるかもしれないです

2022/05/19(木) 18:14:23.53

>>697
ありがとうございます。
JavaScriptって、やっぱりこの辺は特殊ですね。
お手軽なスクリプト言語としてはじまって、オブジェクトがすごい動的でハッシュマップみたいに扱えて、

2022/05/23(月) 17:33:52.64

Winでプログラミングするためにnotepad++とATOMに辿り着いたんですが、ちょくちょくスペル間違いをしてしまい気が付かずに延々と探してるみたいなことになっちゃってます
間違えた場合に色が変わって教えてくれるみたいな機能があれば教えて欲しいです

2022/05/23(月) 17:35:15.16

>>699
なぜそこまで探してVSCode使わんのだ……？

2022/05/23(月) 17:54:55.74

>>700
かなり前の話なんですけど軽く教えてくれた人からhtmlとかプログラミングはテキストエディタでやればいいとか言われたんで存在も知らなかったです
結構よさげですねコレ

2022/05/23(月) 18:01:49.29

>>701
ちゃんとプログラミング用のエディタなら
一回設定した変数名はそのまま入力候補として出てくる

もし英語の誤字/脱字が気になるなら
拡張機能のCode Spell Checker辺りを入れれば
一般的に使われる英単語なら誤ってる所に印付けてくれる

2022/05/23(月) 19:08:40.21

はあああぁ Emacs 使わないとか素人かよ

2022/05/23(月) 20:02:16.92

エディタ戦争でも始める気か？
主要なエディタを全て試して使いこなせるものを選べとしか

vi
vim
Emacs
Sublime Text
Atom
Visual Studio Code

2022/05/23(月) 21:27:13.02

秀まるは？

2022/05/23(月) 21:52:53.33

>>704
ｘｙｚｚｙぇ‥‥

2022/05/23(月) 22:50:53.85

禿丸は使ったらハゲになるから除外。

2022/05/23(月) 22:52:20.76

>>705
プログラミング関連機能はないと思ってたが、今は違う？

>>706
懐かしい名前だな
開発停止してるっぽいが、今でも使ってる人いる？

2022/05/23(月) 22:58:39.67

>>708
のし

2022/05/24(火) 08:27:07.85

xyzzy使ってる奴なんてジジイだけ