+ 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/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
ありがとうございます
サイトは次使う時に使って見たいと思いますｗ

2021/11/28(日) 21:29:03.95

>>125
どんな使い方をするのか想定コードを教えて

あと代入されるaaa,bbbの値はいつ確定する？
呼び出し時に確定するなら変数で置いとくしか無いし
関数定義する時点で確定してるなら引数にする必要が無い

2021/11/29(月) 12:33:33.13

>>131
canvasの領域内をクリックしながらマウスを移動させたときの
canvas内のマウスの座標を得たいんだけど
mousedownでvar clickcyuu = 1;mouseupでclickcyuu=0;
mousemoveでclickcyuu===1ならばdrag_mouse_x = e.offsetX;drag_mouse_y = e.offsetY
とやりたかったのでfunction(e,clickcyuu){}としたかった

2021/11/29(月) 13:18:58.10

>>132
それだと結局グローバル変数参照してるのと同じじゃない？
わざわざ引数経由する理由がない

2021/11/29(月) 13:23:14.24

>>132
>>129の方法ではダメなのか？

2021/11/29(月) 15:20:06.33

定期的にaddEventListener自体から引数渡したいって人出てくるけど
仮にできたとしてもaddEventListenerした時点で値が固定されることが考えから抜け落ちてるよね
>>132
引数渡したいならイベントハンドラに関数式使えば済むけど
複数のイベント仕込むなら一連の動作をこんな感じでclassかオブジェクトにした方が楽よ
https://jsfiddle.net/hgro7t5m/

2021/11/29(月) 15:41:30.31

クロージャ使えば普通にできるやろ
それに参照型ならaddEventListenerした後からでも値を変えられるよ

2021/11/29(月) 18:56:58.07

var か

2021/11/29(月) 20:17:26.02

>>135
オブジェクトを束縛すれば、プロパティは固定されない(>>129)
handleEventも使ってみればその有用性に気がつくと思うが

2021/12/04(土) 12:18:05.48

読み込みたいファイルのパスだけがわかっている場合に

reader= new FileReader();
reader.readAsText("aaa/hoge.csv") ;

みたいな感じで読み込もうと思ったんですが、
readAsTextの引数はblobだかfileオブジェクトでないとだめみたいで、
レファレンスを読んで見るも、
パスからblogだかfileオブジェクトだかを作成する方法がわかりませんでした。

ファイル読み込み自体は他の方法を使ってできるものの、
FileReaderとreadAsTextの組み合わせを使ってトライしてみたいので
どなたかアドバイスお願いできますでしょうか

2021/12/04(土) 12:36:24.21

>>139
それが出来たら、ファイルの情報を盗み出せるようになるな

2021/12/04(土) 12:48:45.94

>>140
例えばxmlhttpRequest()でもパスからファイルを読み込むことが出来るので
FileReaderでそれが出来ないのは不思議な気になるんですがそういうものなんですかね

2021/12/04(土) 14:35:37.60

むしろ他の方法とやらが気になる

2021/12/04(土) 14:36:47.65

>>141
xhrは基本的にhttp接続しか出来ない

2021/12/04(土) 16:15:20.01

とりあえずリファレンス読め
https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications

2021/12/07(火) 11:51:05.11

ガチでヌーブなんですけどrequestsとbeautifulsoupでスクレイピングやってます
waitかけないとバンされるよと言われましたがどうすればいいですか？
requests.get()でtimeoutは今書きましたがforで同じサイトの似たようなページに何度もアクセスするのでサーバーへの負荷はすごいと思います
これに対してどうすればいいですか？

2021/12/07(火) 11:56:58.02

>>145
マルチ禁止

2021/12/09(木) 15:07:14.43

const test = [
{main:"A"},
{main:"B"},
{main:"C"}
]
から全てのmainをとり出した["A","B","C"]となる配列を作りたいです
forを使えば作れますが、もっと簡単に作れる便利なメソッドあったりしますか？

2021/12/09(木) 15:32:51.58

const test = [
{main:"A"},
{main:"B"},
{main:"C"}
]

let testB = test.map(e=>e.main)
知っててコレジャナイ方法をきいてるのかもしれないけど

2021/12/09(木) 15:38:12.28

>>148
自分もそれやってたけど不可能なので質問しましたが
どうやらqueryselectorAllにmapが効かないっていうのが原因だったみたいです
すんません

2021/12/09(木) 15:51:07.69

許して下さい…

2021/12/09(木) 16:09:45.62

querySelectorAllの戻り値はArrayではなくNodeListだからね
hoge = Array.from(test).map(e => e.main);

2021/12/10(金) 03:36:53.73

hoge = Array.prototype.map.call(test,e => e.main);
とか

2021/12/10(金) 20:33:15.32

Pythonの

2021/12/10(金) 20:34:21.58

PythonのコードですがどなたかJavascriptに直して下さい…

sorted(pts, key=clockwiseangle_and_distance)

import math

pts = [[2,3], [5,2],[4,1],[3.5,1],[1,2],[2,1],[3,1],[3,3],[4,3]]
Origin = [2, 3]
refvec = [0, 1]

def clockwiseangle_and_distance(point):
　vector = [point[0]-Origin[0], point[1]-Origin[1]]
　lenvector = math.hypot(vector[0], vector[1])
　if lenvector == 0:
　　return -math.pi, 0
　normalized = [vector[0]/lenvector, vector[1]/lenvector]
　dotprod = normalized[0]*refvec[0] + normalized[1]*refvec[1]
　diffprod = refvec[1]*normalized[0] - refvec[0]*normalized[1]
　angle = math.atan2(diffprod, dotprod)
　if angle < 0:
　　return 2*math.pi+angle, lenvector
　return angle, lenvector

2021/12/11(土) 11:19:38.29

すんません

var hoge = test(); //←2個入った配列が返ってくるヤツ
var A = hoge[0];
var B = hoge[1];

って書いてます。
これもーちょっとカッコよく

var A B = test();

って感じで一行でAとBに変数に入れる方法とかあります？

2021/12/11(土) 11:55:24.52

var hoge = [1,9];
var [A,B] = hoge;

2021/12/11(土) 11:56:54.19

>>156
うおーすげー天才
ありがとうございます！

2021/12/12(日) 17:05:57.60

var obj={
key:{x:200,y:300}
}
obj.key2=500;
alert(obj.key2);
alert(obj.key.x);
上はオブジェクトで下はオブジェクトのオブジェクトです。
実行結果は上が500で下が200です。
一応動作はしますがこのような使い方は間違っていますか?

2021/12/12(日) 18:15:54.15

>>158
「間違っている」は「期待する動作」によって決定される
それをあなた自身しか知らないので、第三者による判断は不可能

2021/12/12(日) 18:40:13.36

>>159
文法的にはどうですか？

2021/12/12(日) 19:22:12.57

>>160
文法は他人に聞くまでもない
コンソールにSyntaxErrorが出力されていなければ、文法的に問題ない

2021/12/12(日) 20:06:45.86

何に引っかかってるのか書かないと期待してる答えは返ってこない
特に変なところないし

2021/12/13(月) 08:42:46.82

引数が多い場合の引数の渡し方について
function(
aaa,
bbb,
ccc,
・・・（略）
zzz
){}
って書くより
function(obj){
var aaa = obj.aaa;
var bbb = obj.bbb;
・・・・・（略）
var zzz = obj.zzz;
}
って書く方がいいんでしょうか？
どっちもメリット、デメリットはあると思うけど

2021/12/13(月) 13:06:28.94

>>163
何でこう無条件に善し悪しを求めようとするかね
メリット、デメリットがあるなら、どちらが良いと決めつけることは出来ないと判断出来ないものなのか

2021/12/13(月) 15:27:20.29

下のほうなら
const f = function({aaa, bbb, zzz}){
console.log(aaa, bbb, zzz);
}
のほうが分かりやすくないか
const o = {
aaa: 'あ',
bbb: 42,
zzz: 'ん',
};
f(o);

2021/12/13(月) 18:56:15.12

>>136
形だけひとまとめにしても後でバラすんじゃなんの意味もない
objとかじゃなくて意味のある名前が付けられる範囲でまとめるべき

2021/12/13(月) 18:56:54.87

>>166は>>163あて

2021/12/14(火) 13:31:35.06

var str="ｘ^2 + (x+2)^2 - (x*(x-2))^3";
をMath.pow(x,2)+Math.pow((x+2),2)-
Math.pow((x*(x-2)),3)に置換するにはどうやればいいんですか?

2021/12/14(火) 15:01:16.14

Math.powを使わなければ簡単なんだけどね

eval(str.replace(/\^/g, '**'));

2021/12/14(火) 15:08:13.94

スペース含まない半角文字列限定。式の文字列つくるまで。
賢い人ならもうちょっとスマートに書けるかと。

var str="x^2+(x+2)^2-(x*(x-2))^3";
function func(s){
var s2=s.split('^');
var s3=s2[1].replace(/¥d+/,"");
return "Math.pow("+s2[0]+","+s2[1].replace(/[^¥d]/,"")+")"+s3;
}
var result=str.replace(/[a-z¥(¥)¥d¥*¥+¥-¥/]+¥^¥d+([¥+¥-¥*¥/]|$)/g,func);