+ 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

2021/11/14(日) 19:57:25.52

>>25
言語仕様に言及するのなら、「ECMAScriptにクロージャは存在しない」が正解

> グローバル内に宣言された関数も、囲まれた関数なんだよ

そんな仕様はない
クロージャなんて概念は忘れて、変数、スコープ、関数の仕組みを覚える方が正しい理解に繋がる

2021/11/14(日) 20:00:15.95

>>30
整数座標はピクセル中央ではなくピクセル左上になるので0.5足す
めんどくさかったらcontext.translate(.5, .5)するとか

2021/11/14(日) 20:54:05.86

>>28
クロージャで統一見解といえるのは「クロージャ=関数が入れ子になった状態」だけ
そこに機能的価値を見いだそうとするなら「クロージャという名の機能は存在しない」だ
機能的には別の機能で実装されていて、
関数を入れ子にした結果、それらの機能が便利な状況を作り出しているに過ぎない
学習目的なら「クロージャ」は忘れた方がいい

2021/11/14(日) 21:16:07.13

関数が入れ子かどうかなんて関係ないよ

理解してない人たち同士で"統一見解"を求めようとするからドツボに嵌ってる

2021/11/14(日) 21:27:55.45

>>34
仕様にない単語に、統一見解を求めるのが間違いなんだろうな

2021/11/14(日) 21:47:51.05

とはいえ「クロージャ=関数が入れ子になった状態」って定義は明らかに間違いだろう。

2021/11/14(日) 21:57:27.13

ECMAの仕様にはAbstruct Closure Specification Typeが定義されてるし、関数定義周りでclosureって言葉は繰り返し出てくるよ

まあでも仕様型みたいな大半の人が知らなくても困らないような詳細知識よりも
クロージャとは一般的にどういうものを指すのかという基礎的知識を身につけたほうがいい

2021/11/14(日) 23:10:09.15

>>37
一般解を示す公式文書を出せる？

ぶっちゃけ、言語が異なれば用語定義も変わると思ってるし、共通の用語なんてないと思ってる
複数言語習得者が勝手に共通認識を定義しているだけなのでは？

2021/11/15(月) 00:30:22.12

ワロスｗ

2021/11/15(月) 07:13:10.30

JSのクロージャーは
関数内のプロパティに、外部から直接アクセスできないが
関数内から外部への参照はチェーンしているという状態をいう

外部Lexicalへの参照を持たない関数型は
関数ではあるけどクロージャーにならない
入り子になっていても

もうクロージャはこれで終わり
クロージャーに貴重な人生を奪われるなよ？

40 (ﾜｯﾁｮｲ 6e46-wd7R [111.98.111.65]) · 2021/11/15(月) 07:21:28.04

状態ではなく仕組みがいいな
クロージャーはオブジェクトセットという表現が適してる例が散見されるみたいだし
必要なオブジェクトセットを使ってnativeでクロージャーを実現してるんだから
クロージャーは仕組み！これできめ！

2021/11/15(月) 07:45:40.57

>>37

var a=0;
let b=1;
let c='C';

function func(){
let c=2;
return [a,b,c];
}

func.a='A';

console.log(
[window.a,window.b,window.c],
[a,b,c],
func(),
[func().a,func().b,func().c],
[func.a,func.b,func.c]
);

この出力を理解するにはクロージャーの仕組みの理解は必要でない？

2021/11/15(月) 19:30:23.51

>>40-41
あなたの見解は理解した
正しさの根拠が見つからないのでそれだけだが

2021/11/15(月) 21:15:21.66

すいません、下記のようにボタンを押した時の処理をあらかじめ一つずつJSで書いて書いてるんですが、
ボタンの種類と数が莫大な量になるとJSを書くのが大変になってきました

逆にクリックされた任意のボタンオブジェクトを変数に入れる方法ってあったりしますでしょうか
（ボタンがクリックされる→クリックされたボタンのclassやvalueやtextを調べて目的の処理、という順番に変更したい）

下記が現状のコードです

・html
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnA" value="固有の番号">ボタンAタイプ</button>
<button class="BtnB" value="固有の番号">ボタンBタイプ</button>

・js
const BtnA = document.getElementsByClassName('BtnA');
for(i=0;BtnA.length>i;i++){
BtnA[i].addEventListener('click', () =>{
//ここに押された時の処理を書く
});
}
const BtnB = document.getElementsByClassName('BtnB');
以下BtnAのコードとほぼ同様

2021/11/15(月) 22:27:30.97

>>44
クラス数×value数×text種類数だけ処理数があるってことですか？

2021/11/15(月) 22:58:29.48

class="BtnA BtnAll"
class="BtnB BtnAll"

みたいに、BtnAll で、すべてのボタンの処理をまとめれば？

JavaScript のスレは、この板ではなく、web制作管理板の方へ書き込んでください！
この板のスレは、荒らしが出た時に、緊急的に立てられたものだから

2021/11/16(火) 00:43:22.12

>>45
そのイメージに近いです

>>46
ある程度まとめた結果が
BtnA BtnB BtnCみたいなグループです。

了解です、Web製作管理板に移動させていただきます。

2021/11/16(火) 07:19:53.13

>>44
event.currentTarget
event.target

2021/11/16(火) 13:14:21.44

>>44
処理数が多すぎて管理効率が悪くなってるってことかな？
ボタン数×(value数-1)×(str数-2)の数の処理があって
保守管理しづらいというのなら下記の考え方はどうでしょう？

変数buttonにはボタンオブジェクト
変数getFuncにはクリックイベント処理を固有番号で紐づける
変数buttonをfor of で回して、固有番号で分岐して、リスナーを設定する

button=document.getelementsbytagname('button')
getFunc={
固有番号:function(){}
固有番号:function(){},,,}

for(let i of button){
switch(i.value){
case '固有番号':i.addEventlistener('click',getFunc[固有番号]);break;

2021/11/16(火) 13:26:34.28

>>44
上の説明だとわかりづらいかな

let getButton=function(){button=document.getElementsByTagName('button');}

// valueの固有番号毎に処理を設定
let addEvent=function(){
for(let i of button){
switch (i.value){
case '101':i.addEventListener('click',addFunc[101]);break;}}}

let button;
// 関数をまとめ置く
let addFunc={
101:function(){console.log(this.value)},
102:function(){console.log(this.className)},}

2021/11/16(火) 19:57:25.19

switchの中をObject.keys（）.forEach()でまわして
addFunc[+i.value]で作り直したらすっきりしそう
いじりたくなるコードだけど可読性を考えたらこれはこれなのか

2021/11/16(火) 22:10:30.79

リアクトでのスマホアプリ開発なんですが、エミュレータは何がお勧めですか？
というのも実機を持っていません。

また、実機を使う場合はアンドロイド5などは使い物になりますか？
古い機種に合わせて作っても、上位互換性のないソフトになるんでしょうか？

2021/11/17(水) 07:47:58.17

>>52
「React　andoridアプリ開発エミュレータ」で検索どうぞ
「api16　開発　不具合　or 互換性」で検索どうぞ

これがベストっていう答えがないから
開発者が自分で試行錯誤して答えを出す問題かな
互換性の問題は作るものによっても違うからね
jellyならそんな問題ないとおもうけど

2021/11/17(水) 10:05:17.45

>>53
jellyッテの調べてみますです

2021/11/17(水) 14:33:19.47

>>53
すみません。互換性に関して見つけられなかったです。
android5向けに作った場合、上位互換性ってあるんでしょうか？

javascriptのバージョン？次第とも考えられますけど

2021/11/17(水) 17:43:10.56

androidの話はandroid開発スレで聞いてくれ
多分実機なしは無謀、5は古すぎでFA

2021/11/18(木) 06:50:53.17

>>56
了解す

2021/11/18(木) 07:17:54.57

そんなことはない
android5で使えるアプリが目的なんだから
android5で作成するのがベスト

reactNativeエンジンがどうエンコードして
androidで動かしてるのか分らんので
今のreactでandroid5のどの機能を使えるのか
全然わからんけどな

2021/11/18(木) 07:27:37.77

React NativeはAndroid 5.0以上に対応だね

https://github.com/facebook/react-native

2021/11/18(木) 19:32:55.35

API21からなんだな

2021/11/19(金) 12:50:28.04

文字列化した数式を計算させるにはどうやればいいんですか？
test("x*x+10",2);

function test(suushiki_str,x){
var y = suushiki_str(この場合x*x+10)でx=2を代入;
retuen(y)
}
こういうのがやりたいんだけど

2021/11/19(金) 12:55:11.51

function test(suushiki_str,x){
return eval(suushiki_str)
}

2021/11/19(金) 13:17:09.00

>>62
ありがとー

2021/11/19(金) 13:41:30.73

何がしたいのか分からないけど、設計自体が間違ってる気がするけどなあ

2021/11/19(金) 21:34:02.13

eval is evil
evalをそのまま使う事はまずないな

2021/11/20(土) 07:02:21.23

evalを使えとなｗ

2021/11/20(土) 07:04:06.68

evalが生きていること自体、JSが未成熟の証

2021/11/20(土) 07:46:31.86

>>61
evalは非推奨だから

function test(fun,x){
return fun(x);
}

test(function(x){return x*x+10},5);
としときましょう

2021/11/20(土) 18:55:29.17

evalって外部から入力させなければ使っても問題ないんじゃないの？

2021/11/20(土) 18:57:47.86

使いたければつかったらいいよ

2021/11/20(土) 19:05:52.91

やっぱjavascriptできるとなんでも作れるな
めちゃくちゃ便利だわ

2021/11/20(土) 19:54:48.88

ブラウザ限定だし
HTMLと一緒でメンテナンスとか関係なければな

もしJSで金融システムみたいな厳格なシステム作ろうとしたら
開発者はみんな気がくるってしまうんじゃないかな

2021/11/20(土) 19:57:24.06

マジでjavascriptだけでめちゃくちゃ儲けてる
使いこなせばガチで素晴らしい

2021/11/20(土) 20:02:17.98

仕事で使ってるサイトをJavascriptで自動化できませんか？
たとえば出勤と退勤のときの時間を管理するのに「勤次郎」というサイトを使ってるんだけど
毎回ログインしたあといちいち入力するのが面倒くさい。

2021/11/20(土) 20:22:43.02

>>74
データーの保存はどこを想定してますか？

2021/11/20(土) 20:24:55.79

seleniumでいいじゃん

2021/11/20(土) 20:46:00.92

認証しないシステムなんて攻撃か踏み台にされるとか考えないのか

2021/11/20(土) 21:05:08.87

定型をポチポチ入力してボタン押すのがダルい程度ならブックマークレットでいいだろ

2021/11/21(日) 08:08:40.09

>>74
ブラウザを自動操作なら、iMacros は？

例えば漏れは、Ruby のselenium-webdriver で、
ブラウザを自動操作して、ヤフーにログインしてる

ユーザー名を入力して、ボタンを押す。
パスワードを入力して、ボタンを押すとか

require "selenium-webdriver"

options = Selenium::WebDriver::Chrome::Options.new
options.add_option( :detach, true ) # ブラウザを切り離す
options.add_argument( '--start-maximized' ) # 画面最大

driver = Selenium::WebDriver.for :chrome, options: options
driver.manage.timeouts.implicit_wait = 10 # default timeout

driver.navigate.to "https://login.yahoo.co.jp/config/login_verify2?.src=ym";

element = driver.find_element(:id => "username")
element.send_key "ユーザー名"

driver.find_element(:id => "btnNext").click # ボタンを押す

element = driver.find_element(:id => "passwd")
element.send_key "パスワード"

driver.find_element(:id => "btnSubmit").click # ボタンを押す

2021/11/21(日) 18:31:02.25

>>768
それだと数式を""で囲んで文字列にすると計算できない

2021/11/21(日) 18:31:35.22

>>68だ

2021/11/21(日) 19:15:18.38

classが非推奨になるのはいつですか？

2021/11/21(日) 19:23:58.62

>>82
その予定はない

2021/11/21(日) 21:16:08.25

>>81
>>70で答えてる

eval非推奨な意味を理解していて使うならそれでいいんじゃね？

2021/11/21(日) 21:19:33.19

>>61
function test(suushiki_str, x){
var f = Function('x', 'return ' + suushiki_str);
return f(x);
}

test('x * x + 10' ,2);
//=> 14

2021/11/21(日) 22:55:28.72

javascriptが使えるとやりたいことが簡単にできる

2021/11/22(月) 11:19:44.15

>>86
JavaScript最強伝説。

2021/11/22(月) 14:30:42.59

ブラウザで動く
LambdaやGoogle Functionsで動く
デスクトップアプリも作れる
OfficeWeb版やGASでも動く

インフラ構築不要で最強すぎるだろ

2021/11/22(月) 16:46:08.87

>>88
でも、文法が分かりにくい。
というか無駄に複雑過ぎる。

2021/11/22(月) 16:48:25.46

>>89
文法なんかふつう

複雑な意味がわからん
ほかの言語だと単純なの？

2021/11/22(月) 17:43:25.62

すいません、下記のように読み込んだshiftJISのcsvファイルを
正規表現を使って置換しようとしてるのですがうまくいきません

文字コードの問題なのか指定したマッチパターン意外の色んな文字が勝手に置換されてしまいます

const requestCSV = new XMLHttpRequest();
requestCSV.overrideMimeType('text/plain; charset=Shift_JIS');//csvの文字コードがshiftJSであることは変更できない

requestCSV.addEventListener('load', (event) => {

　const orgCSV = event.target.responseText;
　tempKey="["+key+"]";//keyは変数を使う必要があります
　keyName = new RegExp(tempKey, "g");//複数マッチさせる必要があります

　result=orgCSV.replace(keyName, "ほげ");
}

正規表現オブジェクトを使わずにreplaceさせると問題なく動くのですが、
マッチパターンを変数にしたいのと、複数回以上にマッチさせるため g をつけるため、
正規表現オブジェクトを使わざるを得ない状態です。

どなたかアドバイスお願いできますでしょうか

2021/11/22(月) 17:45:45.05

>>90
Javaの方が分かりやすかった。

2021/11/22(月) 18:41:55.55

Javaと比べたらJavaScriptのほうが文法複雑じゃないと思うが…
TypeScriptと混同してない？

2021/11/22(月) 18:43:22.51

それかDOM APIをJavaScriptの文法に含むと勘違いしてるとか

2021/11/22(月) 18:50:50.35

Javaのほうが圧倒的にすっきりしている。
ほんとに両言語をちゃんと勉強したことあるか？
アルツハイマーでもこれくらい分かる。

2021/11/22(月) 18:53:04.86

>>91
keyを[]で囲む必要なし

2021/11/22(月) 18:54:55.94

>>94
古いJSとの互換性を取ろうとすると
古い文法も理解しないとならないからな
オブジェクトの生成も多種多様
JSの細かいところまで理解しようとすると
javaやpythonとかのほうが整理されていてわかりやすい

let obj var objのLexicalの違いや
let obj={}
let fun=function(){}
function fun(){}
class cs extends fun{}
class cs{
__proto__=a;
}

obj.constructor.prorotype=obj
newObjext ,Object.create

こんなのシンプルなわけがない

と92はいいたんだと思う

2021/11/22(月) 19:05:02.79

>>96
"["+key+"]"

というようにカッコで囲んだ形式で検索したいのでここはあえてそうしてるんです…

2021/11/22(月) 19:40:22.23

Java
class Main {
public static void main(String[] args) {
System.out.println("Hello World!");
}
}

JavaScript
console.log("Hello World!");

hello worldからしてこれだからな
あなたの「シンプル」の定義を見せてもらえないと…

2021/11/22(月) 20:19:16.63

>>99
JSのクラスは疑似クラス
他言語のClassと同じように扱えるように
functionを疑似的にclass表現できるようにしてるだけ

Javaと異なりJSはconstructorを有するオブジェクトの生成方法が沢山ある
それすら理解できずに、99の問いとは、、、もっとJSを勉強しようぜ
Javaのほうが圧倒的に整理され覚える文法が少ない

つか、JavaとJS、両方ともそこそこ使えたら
99みたいなこと言えないだろｗ

2021/11/22(月) 20:26:36.75

>>99
もうちょっと言わせてもらえば
Javaは変数エラーをチェックしやすい言語設計
JSは変数エラーを無限に生成し得る言語設計

JSはマークアップを動的に処理することから発生し
高度な言語設計にしても互換性の問題から
古い文法を生かしているので、とても複雑怪奇になっている

そう表現したらわかるかな？

2021/11/22(月) 20:44:07.24

変数エラーとは

2021/11/22(月) 20:52:35.36

>>98
上手く行かない具体例出してよ
ぶっちゃけ[　]の使い方ミスってる様な気がするんだけど

2021/11/22(月) 23:07:56.11

>>103
置換した具体例で言うと例えば

さっきの例で置換部分が
result=orgCSV.replace(keyName, "ほげ");

元のテキストが下記だとすると
<title>[name]</title>

結果が下記になってしまってなんじゃこりゃ…て感じですね
<titlほげ>[ほげaほげほげ]</titlほげ>

正規表現オブジェクトを使わなければ普通に成功します
result=orgCSV.replace("[name]", "ほげ");　//<title>ほげ</title>になる

しかし先述のようにマッチパターンを変数化しつつgをつけて複数置換する必要があるため難しいんです…

2021/11/22(月) 23:44:57.26

>>104
　tempKey="\\["+key+"\\]";

2021/11/22(月) 23:59:47.75

javascriptで計算の値がオーバーフロウするかどうかを調べるにはどうすればいいんですか？
例えば10000の10乗を計算しようとしてオーバーフロウするならばalertで計算できませんと
表示したいんだけど

2021/11/23(火) 00:04:12.05

>>104
[] は文字クラス
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes

更に、keyにメタキャラクタがあれば同じ事になるので、文字列全体をエスケープすべき
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions#escaping

上記は正規表現の基本
正規表現を体系的に学習すれば、絶対に気がついたこと
急がば回れ

2021/11/23(火) 00:07:12.09

>>106
BigIntと文字列比較

2021/11/23(火) 00:24:05.58

>>100
なんでクラスの話に？詭弁では？
クラスベースの奴らがうるさいからclassなんて入れる羽目になったんだが。
そいつらのせいで木に竹を接ぐようなことさせられてむしろ複雑になった。
プロトタイプベースとしてシンプルでよかったのにほんと独善的でろくなことしない。
Reactでもクラスコンポーネントは廃れ99%のケースでFCになったよ。

2021/11/23(火) 01:06:21.92

>>109
エセクラスベースは絶対に反対。
classは早期に非推奨にすべき。

2021/11/23(火) 01:17:09.89

>>105
>>107
ああ、なるほど、エスケープをダブルでつけないといけなかったんですね
シングルではつけてみていたんですがそれで動かなかったのであれって思ってました
資料の提示もありがとうございます！

2021/11/23(火) 07:20:19.58

>>102
その問いはマジ質問？

>>109
JavaとJsの言語設計に関して
どっちがすっきりしてるかを話ししてるだけだろ
疑似クラスなんてあること自体がお笑いだし
オブジェクト生成方法も多岐にわたるとか
どこが整理されてる言語なのかと

2021/11/23(火) 07:33:58.18

変数エラーでググっても出てこなかったです
何処の業界用語ですか？

2021/11/23(火) 08:34:50.37

>>104
Ruby では、Regexp.escape で、

正規表現において、特別な意味を持つ文字の直前に、
エスケープ文字(バックスラッシュ)を挿入した、文字列を返す

p esc_1 = Regexp.escape( "[-a]" ) #=> "\\[\\-a\\]"

reg_1 = Regexp.new( esc_1 )
p reg_1.match( "x[-a]y" ) #<MatchData "[-a]">

2021/11/23(火) 09:26:25.23

>>112
お笑いと言えばJavaの無名クラスだろ
なんだったのアレ
関数がファーストクラスオブジェクトじゃなかった欠陥言語の苦肉の策とは言えとんでもなくキッタネェコード
今じゃラムダ関数使ってだーれも使ってないし
最初からそうしとけばよかったのにね
ぜんぜん整理されてなかったのかな？ｗ

2021/11/23(火) 10:33:28.85

言語の完成度はJava>JS
学びやすさもJava>JS

だからと言って優劣を表現してるわけじゃないよ
マークアップ操作言語として
JS、HTML、CSS等との新旧互換性を担保しながら
成長してきた言語だから
継ぎ接ぎ言語になっているのは仕方ないこと
JSでできることは多いし楽しい言語であることを否定してるわけじゃないんだ
でもJSが整理されてシンプルな言語であるとは言えないってだけ

2021/11/23(火) 10:45:11.29

javascriptさえあれば何もいらん
javascriptだけでスケーラブルなシステムが作れる

2021/11/23(火) 10:52:32.71

あまりにも面倒くさいため、誰もJavaでGUIを作らなくなりました。
やる気とAWT,Swingなど道具立てはあったのです。
ただJavaがクソ過ぎた。
イベントドリブンで必須のリスナー登録はこんな感じ（笑）
button1.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
System.out.println("clicked");
}
});
一方C#ではデリゲートで簡単に書くことができました。
Javaはデリゲートが言語機能として無いのでマネできませんでしたｗ
結果今では誰もJavaでクライアントGUIプログラムを書きませんがC#はバリバリ使われてますｗ
結局Java8でJavaScriptをパクってlambdaで以下のように書けるようにしました（ハズカシーｗ）
button1.addActionListener(e -> System.out.println("clicked"));
しかし時すでにお寿司、誰もJavaでGUIを作っていないのであるｗｗｗ
Javaはサーバーサイドに集中して成功者？
ノンノンｗ
Javaが糞でめんどくさくて誰も書かなくなったから廃れた、これがシンプルな答えですｗ

2021/11/23(火) 11:43:58.38

うん、わかった
確かにその通りです

2021/11/23(火) 15:55:58.57

Android StudioではまだJava言語で開発が必要だったような

2021/11/27(土) 15:29:53.92

0から9の入ったランダムの配列に適当に選んだnという数字が最大何個並んでいるか
これはどういう方法が早いのでしょうか
気にするほどでもないのでしょうか
配列を見ていくのは遅いとか言う話も聞いたような気もします
一般的にはどういう方法を取るのでしょうか

・配列の前から順にforでnであるか、あればカウンターインクリメント、なければカウンターリセット
・joinで配列を文字列化したあとforでi文字数ぶんのnを検索文字として includesがfalseになるまでか最悪配列数まで調べる
・文字列化したあとmatchで/n+/gで一覧を出して一覧の配列をmap(e=>e.length)で文字数にしてMath.maxで調べる

2021/11/27(土) 17:26:03.23

>>121
まずは自分で試して比べろよ

2021/11/27(土) 20:27:12.12

コードはこんな感じでいいですか？
https://jsfiddle.net/rj457v0q/
windows10 firefox 64bit 94.0.2のabout:newtabのコンソールでやった結果
11374, 1970, 2920
とかそれに似たような時間なんですが
同じ環境でJSFiddle に保存した際に実行された時間が
320, 1994, 2938
と1番目が早くなって結果が真逆になっています
どういう事なんでしょうか

2021/11/27(土) 21:17:39.73

IronというChromeベースのブラウザでも試したところ
FirefoxからJSFiddleを開いてそこで走らせた時間と同じような結果になりました

2021/11/27(土) 22:00:25.94

element.addEventListener(
"mousemove",
function(e){alert(e.offsetX);}
);

このfunction(e)の部分はfunction(aaa,e,bbb){}のように引数を複数設定することはできますか？
e以外を渡すにはグローバルしかできないんですか？

2021/11/27(土) 23:25:49.55

>>123
Firefox の Math.max() が激重っぽい（1万回の関数呼び出しが重い？）
三項演算子とかにすれば JSFiddle と同じくらい早くなる

2021/11/27(土) 23:48:23.24

>>126
ありがとうございます。
Math.maxを使わず、
配列のまま計算させたほうがいいみたいですね。
3つ目もMath.maxを使ってますが使わないようにしても、
こちらはMath.max関数の呼び出し回数が1周1回なせいか短縮されませんでした。

2021/11/28(日) 12:42:42.78

>>123
1つめのバグっとるよ
2つめのは連続する数が大きいのでも確かめないとパフォーマンス特性が分からない

jsbench.meみたいなところで試すといい
アルゴリズムのオーダー考えれば単純ループが一番高速

2021/11/28(日) 21:15:40.16

>>125
引数を複数設定できる。ただし、第一引数以外は何も渡されない。（デフォルト引数なんかの例外もある）
thisを渡せる。bind()とhandleEvent()を含むオブジェクトで渡せる。

2021/11/28(日) 21:21:54.23

>>128
ありがとうございます
サイトは次使う時に使って見たいと思いますｗ