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

**Name_Not_Found** · 2018/07/31(火) 12:30:52.90

JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください

■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」だけでなく「意見」を出しても良い。

■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです

**Name_Not_Found** · 2018/11/02(金) 11:56:52.88

>>700
難しいかどうかはその人のスキルによるとしか。。。

**Name_Not_Found** · 2018/11/02(金) 13:12:13.08

困難かという意味ではそうでもないかも
parentNodeのChildNodesを、その要素以降順に見ていくだけだから
ていうか、jQueryだってJSで書かれているわけだしね

**Name_Not_Found** · 2018/11/02(金) 14:27:31.10

nextSibling

**Name_Not_Found** · 2018/11/02(金) 14:57:52.92

質問を変えて、jQueryの.nextUntil()をDOM API以外のライブラリを使わずに
10行以内（セミコロン不使用、横80文字まで、普段やらない書き方を使うのなし）で
作れるでしょうか？だったらどう？

**Name_Not_Found** · 2018/11/02(金) 15:08:06.56

まず親要素のquerySelectorAllで
セレクタにマッチする小要素を全部取り出しておく

目的の要素のnextSiblingが、上のマッチした要素群に含まれれば当たり
なければ次のnextSiblingを見る

なんとか80字でいけるか？

**Name_Not_Found** · 2018/11/02(金) 15:22:12.61

全部取り出しておいてfilterしてもいいし、
ただ単に次の要素を見ていくだけのイテレータでもいい
５行くらいの関数で書けるんじゃない?

**Name_Not_Found** · 2018/11/02(金) 16:49:57.19

function nextUntil(el, selector){
const result = [];
while(el = el.nextElementSibling){
if(selector && el.matches(selector)){
break;
}
result.push(el);
}
return result;
}

こんな感じか。matchesはIEで動かんからポリフィルを追加して
https://developer.mozilla.org/ja/docs/Web/API/Element/matches

**Name_Not_Found** · 2018/11/02(金) 18:30:13.65

はー
matchesなんてあったんだな
勉強になる

**Name_Not_Found** · 2018/11/02(金) 20:12:43.52

及川光秀

**Name_Not_Found** · 2018/11/03(土) 07:10:10.07

function * nextUntil ( el, sel ) {
while ( el = el.nextElementSibling && ! el.matches( sel) )yield el
}

**Name_Not_Found** · 2018/11/03(土) 22:22:33.52

>>707
上手く行きました。
凄いですね、こんなのを書けるなんて。
>>710
私にはレベルが高すぎて付いて行けません。
結果の取り出し方を教えて下さい。

**Name_Not_Found** · 2018/11/03(土) 22:44:24.52

>>710は単なる技術マウントだから無視してよい。

**Name_Not_Found** · 2018/11/04(日) 02:57:07.43

沖侑果　CMに抜擢！

萩原工業CM (ハミダセ、アミダセ篇 )
http://www.youtube.com/watch?v=LDSJwe6i1kU

萩原工業CM (グローバル・ハミダセ篇)
http://www.youtube.com/watch?v=RiJhTSMp_MI

萩原工業CM (開発・アミダセ篇)
http://www.youtube.com/watch?v=1xxgGGPQmQk

萩原工業CMメイキング映像 (萩原工業×STU48)
http://www.youtube.com/watch?v=EG591Nw3ErA

**Name_Not_Found** · 2018/11/04(日) 03:23:50.49

技術マウントだからと言って無視するか、
技術を勉強するか

どちらを取るかね？

**Name_Not_Found** · 2018/11/04(日) 04:32:09.76

>>711
>>710は代入演算子と論理積演算子の優先順位を間違えているから結果がバグっている。
修正してオプションのfilter足してjqueryのnextUntilの
http://js.studio-kingdom.com/jquery/traversing/next_until
のデモと同じことする使い方を
https://codepen.io/anon/pen/VVwdQB
に上げた。
しかし結果を配列でまとめて取り出す使い方しかしないなら
https://codepen.io/anon/pen/YRzvWa
みたいになりわざわざジェネレータ使う意味ないしこんなことするなら>>707のほうがいいな。

**Name_Not_Found** · 2018/11/04(日) 06:28:04.76

一番いいのはjQueryを使うこと

**Name_Not_Found** · 2018/11/04(日) 10:01:07.40

>>715

=>
...
yield
など知らない文法ですが、テストしたら動きました。
大変参考になりました。このコードが理解出来るように勉強します。

ところで707 nextUntilを応用してnextAllを作ってみたのですが、これで良いでしょうか？

function nextAll(el, selector) {
const result = [];
while (el = el.nextElementSibling) {
result.push(el);
}
return result;
}

一つ質問ですが、const指定しているresult変数に値を代入しても良いのですか？
定数なら変更してはいけないような印象を受けるのですが。

**Name_Not_Found** · 2018/11/04(日) 10:14:41.54

いいよ

**Name_Not_Found** · 2018/11/04(日) 10:52:13.08

>>717
再代入はされてない

**Name_Not_Found** · 2018/11/04(日) 11:18:37.07

>>719
良く分からないのですが、
C言語などならconst指定があると値を代入出来ませんよね。
JavaScriptのconstはそうでは無いのですか？

**Name_Not_Found** · 2018/11/04(日) 11:20:32.34

>>720
result = 1;
で正しくエラーになる

**Name_Not_Found** · 2018/11/04(日) 12:15:16.17

>>721
ではJavaScriptにはCやC++のconstに相当するものはありますか？
つまり一切変更出来ない定数。

**Name_Not_Found** · 2018/11/04(日) 13:15:33.79

CやC+に一切変更ができないconstなんかありません

**Name_Not_Found** · 2018/11/04(日) 13:18:38.69

chromeだけど、dataスキームで新しいタグ開いてhtmlを表示させたいんだけど
data:text/html;云々をwindow.openするとabout:blankになってしまうたすけて
（data:text/html;云々を直接urlボックスにいれて移動、は表示される）

**Name_Not_Found** · 2018/11/04(日) 14:00:44.03

>>724
再現コードをjsfiddleへUP

**Name_Not_Found** · 2018/11/04(日) 14:11:19.81

>>722
一切変更出来ないとは？
変更不可対象を明確にしろ

**Name_Not_Found** · 2018/11/04(日) 14:36:36.33

constは名前に対して働くもので値に対して働くものではない

**Name_Not_Found** · 2018/11/04(日) 15:24:02.74

>>722
そもそもがcのconst勘違いしてないか。
プリミディブ値ならjsのconstでも同じように使えるし、
cではjsのconst OBJ = {a: 1, b: {c: 2}};みたいにオブジェクト直接入れるみたいなことはそもそも出来ない。
ポインタ使うにしたってOBJ.aやOBJ.b.cなどメンバーを書き換えられてしまうことは同じ。

まあやりたいことは分かる…気がする…
以下にdeepFreezeの実装例出てるから参考にしてみたら？
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze

こういうことでしょ？違う？
https://codepen.io/anon/pen/EQxJKB

**Name_Not_Found** · 2018/11/04(日) 15:24:32.56

>>725
いろんなサイトでconsole開いて実行したので、jsfiddleのコードに書いて実行してしまうと若干挙動が違う気がするので
具体的には
window.open('data:text/html;charset=utf-8,'+encodeURIComponent('<!DOCTYPE html><html lang="en"><body>hoge</body></html>'));
を適当なサイトでコンソール開いて実行
一応jsfiddleでもやってみたけどポップアップ禁止みたいなのが出てきた
https://jsfiddle.net/pLdojb9w/
ポップアップ許可するとabout:blank

**Name_Not_Found** · 2018/11/04(日) 15:29:06.49

>>728
× https://codepen.io/anon/pen/EQxJKB
○ https://codepen.io/anon/pen/EOxJKB

**729** · 2018/11/04(日) 15:31:07.23

ちなみに用途としては
とあるサイトの画像urlだけをスクレイピングして
htmlで新しいタブに<img src=>みたいに単純表示したいだけ
今までconsoleで<img src="">を出力してコピペ→テキストエディタでhtmlで新規保存
ブラウザで開いてウェブ丸ごと保存ってやってたのでめんどくさくなった
（別のスクリプトやアプリで画像urlだけ抽出してダウンロードしたらいいのではと思うし
都合が良いところはそれでやってるけど）

**729** · 2018/11/04(日) 15:39:44.04

あと、document.writeで上書き版もしたけど
ajaxでページロードしてる感じのとこだと続きの画像表示したいときに不便だった

**Name_Not_Found** · 2018/11/04(日) 17:21:46.38

dataURI直で新規タブ開いて中身反映されないのはセキュリティ理由によるもの
blob→objectURL化が必要
const blob = new Blob([ '<!DOCTYPE html><html lang="en"><body>hoge</body></html>' ], { type: 'text/html' });
const url = URL.createObjectURL(blob);
window.open(url);

**729** · 2018/11/04(日) 17:45:38.91

>>733
で、できたー！
画像も問題なく表示され
ありがとうございました

**Name_Not_Found** · 2018/11/04(日) 18:43:51.03

>>728
解説ありがとうございました。
JSのオブジェクトの挙動が理解出来ました。
値は変更出来ないけれど、メンバを変更する事は
出来るんですね。

**Name_Not_Found** · 2018/11/04(日) 19:09:43.38

>>733
勉強になった

**Name_Not_Found** · 2018/11/04(日) 21:50:56.98

漏れは、Ruby で、selenium webdriver, Nokogiri を使って、
5ch の書き込み内から、画像リンクだけを取り出して、
Nokogiri で、img タグを構築して、そのsrc 属性に設定して表示している

ブラウザに、5ch のスレを表示して、結果はそれとは異なる、新しいタブに表示している

driver.execute_script "window.open()" # 新しいタブを開く
driver.switch_to.window ( driver.window_handles.last ) # 新しいタブへ移動する

ERB みたいな、HTML 内にRuby プログラムを書ける、
埋め込みテンプレートを使えば、もっと簡単にできるのだろうけど

**Name_Not_Found** · 2018/11/04(日) 21:56:18.15

jsならコンソールやブックマークレットでできることをそんな大がかりにしてバカみたい。
で、何をやってるかと思えばjs呼び出してるだけｗｗｗ
そりゃそうだよなruうんこbyなんてブラウザで動かないもんなｗｗｗｗｗ

**Name_Not_Found** · 2018/11/04(日) 22:02:25.28

>>738
> そりゃそうだよなruうんこbyなんてブラウザで動かないもんなｗｗｗｗｗ

いつの時代の話してるんだよｗｗｗ

Ruby2.0はChromeブラウザでネイティブに動くようになりそう
http://hoshi.air-nifty.com/diary/2012/05/ruby20chrome-d6.html

**Name_Not_Found** · 2018/11/04(日) 22:06:31.07

>>739
皮肉キツいぜｗｗｗｗｗ

**Name_Not_Found** · 2018/11/05(月) 03:11:29.05

echo.jsより容量小さい画像遅延読み込みのスクリプトってあんの？

**Name_Not_Found** · 2018/11/05(月) 06:26:31.41

>>735
変数名と紐付いている値を更新することはできないというだけ
その値自体にはなんの制約もない

**Name_Not_Found** · 2018/11/05(月) 06:57:00.55

RubyみたいなポンコツエンジンをNative Clientで走らせるとか愚の骨頂の考えだった
WasmにコンパイルしてJSエンジン上で走らせる方がよっぽどパフォーマンス出る可能性がある

**Name_Not_Found** · 2018/11/06(火) 22:07:50.79

jQueryだと
$(window).on('resize', data, func);
のようにdataを与える事が出来ますよね。
それを
window.addEventListener('resize', data, func);
とは出来ませんが、どうやれば同じようにdataをfuncにパス出来ますか？

**Name_Not_Found** · 2018/11/06(火) 22:26:04.96

クロージャで

**Name_Not_Found** · 2018/11/06(火) 22:36:13.12

>>745
レスありがとうございました。
>クロージャで
なるほど。
では、jQueryの場合、スコープが異なるfuncになぜデータを渡せるんですか？

**Name_Not_Found** · 2018/11/06(火) 22:54:14.02

>>746
内部的にクロージャーを使っているから

**Name_Not_Found** · 2018/11/06(火) 22:56:17.72

えっ、なにが疑問なのかよく分かんない…

function chinko(data) {
return 'I love ' + data;
}

function manko(func, data) {
if (!data) data = func.name;
console.log(func(data));
}

let data = 'unko';
manko(chinko); //=> "I love chinko"
manko(chinko, data); //=> "I love unko"

**Name_Not_Found** · 2018/11/06(火) 23:02:33.42

>>748
> えっ、なにが疑問なのかよく分かんない…

なんでクロージャーがでてきたのか考えてみたら？
回答する側がアホの事例

**Name_Not_Found** · 2018/11/06(火) 23:30:28.38

>>744みたいな疑問が浮かぶ人はjQueryのソースを読んでみるべきだと思う
勉強になるぞ

**Name_Not_Found** · 2018/11/06(火) 23:35:27.27

>>749
教えてよ。答えらんないの？

**Name_Not_Found** · 2018/11/07(水) 00:44:22.26

>>751
お前が、>>748のコードにクロージャーを取り入れて
書き直したら教えげあげようｗ

**Name_Not_Found** · 2018/11/07(水) 00:56:05.92

こう？

function chinko(data) {
return function() {
return 'I love ' + data;
}
}

function manko(func) {
console.log(func());
}

let data = 'unko';
manko(chinko(data)); //=> "I love unko"

**Name_Not_Found** · 2018/11/07(水) 01:23:52.55

違う。クロージャーはmankoの引数にしろ

**Name_Not_Found** · 2018/11/07(水) 01:24:57.72

そしてdataはクロージャーの引数にしろ

**Name_Not_Found** · 2018/11/07(水) 02:00:00.12

もういいから教えてよ。
コードで示してくれりゃ分かるのにめんどくさい。
質問に回答するより煙に巻いて指示するのが好きなの？

**Name_Not_Found** · 2018/11/07(水) 02:09:53.52

はい。大好きです（笑）

**Name_Not_Found** · 2018/11/07(水) 02:21:09.20

質問スレに何しに来てんだよ……
こう？

function chinko(data) {
return function() {
return 'I love ' + data;
}
}

function manko(func, data) {
if (!data) data = func.name;
console.log(func(data)());
}

let data = 'unko';
manko(chinko); //=> "I love chinko"
manko(chinko, data); //=> "I love unko"

**Name_Not_Found** · 2018/11/07(水) 02:31:49.49

**Name_Not_Found** · 2018/11/07(水) 02:55:16.89

>>759
>>753となにが違うの？「違う」って言われたんだけど>>754>>755

**Name_Not_Found** · 2018/11/07(水) 03:21:23.96

>>744より

> では、jQueryの場合、スコープが異なるfuncになぜデータを渡せるんですか？
>
> jQueryだと
> $(window).on('resize', data, func);
> のようにdataを与える事が出来ますよね。

↑ この場合、jQueryのfuncは以下のように定義しますよね？

function func(event, data) {
　　console.log('I love' + data);
}

でも、>>758を見ると、以下のような書き方でjQueryの場合と全然違います。
何故でしょうか？jQueryはどんなマジックを使っているのでしょうか？疑問です。
function chinko(data) {
　　return function() {
　　　　console.log('I love ' + data);
　　}
}

--------------------------

>>748
わかったか？お前は何が疑問なのかよくわからないって言ったが、
これが疑問なんだよ。

**Name_Not_Found** · 2018/11/07(水) 06:30:36.29

>>756
ここは自ら学ぶスレだから
モロ回答はしない
そういうのは知恵袋なり他にたくさんある
ここは2chだからな

**Name_Not_Found** · 2018/11/07(水) 08:05:06.49

>>744
.on() が内部でコールバック関数を渡す前にクロージャでラップしてるから
ちなみに、>>761はjQueryの動きになってない上、コールバック関数を渡す実装もしていない無視して良い
http://api.jquery.com/on/

最も、addEventListenerなら、handleEvent付きのオブジェクトを指定する方がスマートだと思うが

**Name_Not_Found** · 2018/11/07(水) 08:52:20.84

いいオチがつきましたね

**Name_Not_Found** · 2018/11/07(水) 11:44:49.22

function hoge(){ /*この中に重複作業をまとめたいときがある*/ }
例えば
function hoge(x,y){
function sum10(x) { return x+10; }
return [sum10(x),sum10(y)];
}

このsum10は汎用なのでhogeの外にsum10を書いても良いような気がしますが
仮に、hogeだけでしか使わないような関数でも
外に出しておいた方が良いのでしょうか？
今まで、単に見た目の問題なのかな？と思い、適当にやっていたのですが

**Name_Not_Found** · 2018/11/07(水) 11:45:31.97

訂正
＞hogeだけでしか
＞hogeの中だけでしか

**Name_Not_Found** · 2018/11/07(水) 12:03:24.66

>>765
一回しか使うかどうかで、関数にするかどうかを決めるんじゃない。
また同じ処理だからって言うだけで、関数にするのでもない

長いコードがあったとき、読むのが大変になるから、
その中の一部に適切な名前をつけて関数にすることで、名前だけから
やってることがわかるから中を読まなくていい。
読まなくていいから長いコードを読むのが楽になった！
という目的のために、関数にするんだよ

1回しか使わなくても、長いコードを読むのが楽になるなら
関数にするべきだし、関数にしたからと言って、長いコードを読む時に
関数の中まで見ないとやってることがわからないなら、
それは関数にするやり方間違ってる

読むべきコードを減らすのが関数にする目的

だから独自で作るよりも既存のライブラリを使ったほうが良いという話にもつながる
独自で作ると少なくとも一回は中を読まないといけない。
既存のライブラリは、たいてい中を読まないで使ってるだろう？

**Name_Not_Found** · 2018/11/07(水) 12:19:30.73

関数ってよりサブルーチンとかプロシージャっぽい説明だね。

**Name_Not_Found** · 2018/11/07(水) 12:25:56.81

>>768
関数とサブルーチン・プロシージャーの違いは？

どこが後者の話になってるのか？

**Name_Not_Found** · 2018/11/07(水) 12:44:11.43

何か引数を受けて、何かしらの処理をし、何かを返すのがfunction（関数）

プログラムの中で一定の処理をひとまとまりにしてモジュール化したものを
メイン処理と対比して呼ぶのがsub routine（サブルーチン）

プログラムの中で、サブルーチンを作るために作られた
何も返さない関数がprocedure（プロシージャ）

であってるかな
横からですが

**Name_Not_Found** · 2018/11/07(水) 12:56:11.97

んにゃ、合ってない
それらの用語は各言語仕様やコミュニティ毎に定義されている

**Name_Not_Found** · 2018/11/07(水) 13:23:52.42

本質的にはあってんじゃない？
いろんな方言的解釈があるのはその通りだが

**Name_Not_Found** · 2018/11/07(水) 14:00:38.33

で、どこが後者の話になってるの？

**Name_Not_Found** · 2018/11/07(水) 14:30:07.56

> 読むべきコードを減らすのが関数にする目的

？？？

['80', '9', '700', 40, 1, 5, 200]
.sort((a, b) => a - b);

**Name_Not_Found** · 2018/11/07(水) 14:33:41.17

>>774
それもsortの処理を読まなくてすんでますね。

例え1回しか使わなくても、そうすべきなんですよ

**Name_Not_Found** · 2018/11/07(水) 14:47:22.52

>>775
そうすべき？
じゃあそうではない、減らす前の関数を使ってないダメなコードとやらを見せてください。

**Name_Not_Found** · 2018/11/07(水) 14:52:27.59

>>776
じゃあsort関数の中身をここにコピペして

**Name_Not_Found** · 2018/11/07(水) 15:04:11.21

sort関数ではなくsort関数の引数に渡す関数の話をしています。
>>770によると、
> 読むべきコードを減らすのが関数にする目的
なのでしたね。
どういうことか説明してください。

**Name_Not_Found** · 2018/11/07(水) 15:13:40.55

>>778
sort関数に渡す引数？
(a, b) => a - b のこと？

なにを突っかかってきてるのか知らんが、
const byAsc = (a, b) => a - b;
const byDesc = (a, b) => b - a;
みたいなの並び替えアルゴリズムとして関数化しておけば、
aからbを引いて・・・ってどういうこと？って
もう読まなくてすみますね。

['80', '9', '700', 40, 1, 5, 200].sort(byAsc);
計算部分を読まなくてすむから楽になった！

**Name_Not_Found** · 2018/11/07(水) 15:28:58.55

(a, b) => a - bは既に関数。それは関数に名前をつけているだけ。
関数化ｗｗｗ

**Name_Not_Found** · 2018/11/07(水) 15:30:23.11

だから関数に名前つけるって言ってるじゃん
バカなのかな？

**Name_Not_Found** · 2018/11/07(水) 15:30:52.82

> その中の一部に適切な名前をつけて関数にすることで、名前だけから

**Name_Not_Found** · 2018/11/07(水) 15:36:40.08

訳：「読むべきコードを減らすのが関数にする目的」というのは嘘でしたすみません！「読むべきコードを減らすのが関数に名前をつける目的」でした！あと関数化とかいうオレオレ用語で混乱させてしまってすみません！

こうかな

**Name_Not_Found** · 2018/11/07(水) 15:37:20.51

いや違うな。名前をつけて関数化したんだから
読むべきコードが減ってる。

重要なのは読むべきコードを減らすこと。

**Name_Not_Found** · 2018/11/07(水) 15:37:50.18

いやはや、また>>783はいつものキチガイなんだろうねｗ

**Name_Not_Found** · 2018/11/07(水) 15:42:58.80

>>774から>>779にするのがとこが「名前をつけて関数化」なの？
元々関数。名前をつけているだけ。

**Name_Not_Found** · 2018/11/07(水) 15:45:40.86

それは関数じゃなくてアロー関数
重要なのは読まなくて良いコードを増やすことなんだが、
そっちへのレスがないってことは、逃げてんだね

**Name_Not_Found** · 2018/11/07(水) 15:46:35.31

>>786
お前は他人に謝らせてSNSにアップして炎上する
コンビニ客のマネはやめたほうが良いよｗ
恥ずかしい

**Name_Not_Found** · 2018/11/07(水) 15:51:56.72

>>787
>>774の通り元々
> 読むべきコードを減らすのが関数にする目的
についての話。
これについては降参逃亡ということですねｗ

> それは関数じゃなくてアロー関数

関係ありませんｗｗｗ
['80', '9', '700', 40, 1, 5, 200]
.sort(function (a, b) {return a - b;});

話はぐらかそうとしてドツボｗｗｗｗ

**Name_Not_Found** · 2018/11/07(水) 17:14:19.84

>>787
なんで？読めばいいじゃん

**Name_Not_Found** · 2018/11/07(水) 17:53:16.41

>>779
byAscよりもアロー関数ベタ書きのほうが分かりやすい人多いと思うよ
もし.sort(降順)とかにすればわかりやすいけど、それでも降順関数の中身確認したくなると思うけどな

**Name_Not_Found** · 2018/11/07(水) 17:53:56.85

.replace().replace().replace()....replace地獄になります
クールな書き方をおしえてください

**Name_Not_Found** · 2018/11/07(水) 17:56:48.24

単なる数値ではないソートの場合に名前がめっちゃ長くなりそう

**Name_Not_Found** · 2018/11/07(水) 18:04:42.39

>>792
第二引数を関数にして中でゴニョゴニョするとか

**Name_Not_Found** · 2018/11/07(水) 18:35:54.90

>>792
[
　　['私', '拙者'],
　　['シッコ', 'ウンコ'],
　　['マンコ', 'チンコ'],
　　['好き', '嫌い'],
].reduce((acc, [oldWord, newWord]) => acc.replace(oldWord, newWord), '私は、シッコとマンコが好きです。');
//=> "拙者は、ウンコとチンコが嫌いです。"

**Name_Not_Found** · 2018/11/07(水) 18:57:11.04

それでもいいけどreplacer関数作って渡す方が筋がいいかもな。

**Name_Not_Found** · 2018/11/07(水) 19:27:20.73

>>791
まあ、そこは本質的なところではないんでどうでもいいんだわｗ
バカに付き合ってあげただけ

重要なのは、読むべきコードを減らすのが関数にする目的
だ～れも、なんでもかんでも関数にしろとか言ってない

関数にする基準の話をしてるところに
重箱おじさんが連れたので、つついてあげただけｗ

**Name_Not_Found** · 2018/11/07(水) 19:31:48.74

バカ「バカに付き合ってあげただけ」
重箱つつかれたのはお前ｗｗ

**Name_Not_Found** · 2018/11/07(水) 19:33:30.33

読むコード減らすべきおじさん「読むコード減らす」

まで読んだ

**Name_Not_Found** · 2018/11/07(水) 19:37:20.82

面白いように反応してくれるなｗ

で、いちばん重要な「読まなくて良いコードを増やすこと」には
ほら、反論できないでしょ？ｗ

そういうとこやで