JavaScript

配列走査いろいろ

シンプルにループを回したい時 const list = [1, 2, 3]; // for...in for (let i in list) { console.log(list[i]); } // for...of for (let value of list) { console.log(value); } // Array.forEach list.forEach((value, index, array) => console.log(v…

MDN web docs: JavaScriptを読んだメモ

developer.mozilla.orgtypesにはこのような種類が存在するNumbersJavaScriptにおける数値の扱いには気をつける。 小数点の計算がズレる場合があるので、以下の3パターンから選んで対応する。 ・整数になおしてから計算 ・文字列にして計算 ・ライブラリを使…

JavaScriptをオンラインで試せるところ

JS BinJSFiddleCodePenTypeScript Playground

URLの諸々把握

例えばこんなURLがあったとして、、 http://www.foo.com:8000/mac/macbook.php?color=grey#custom よく使うのはこのあたり location.href => http://www.foo.com:8000/mac/macbook.php?color=grey#custom location.hostname => www.foo.com location.search …

Avoiding Mutation

JSで元のオブジェクトに変更を加えずに処理したい時配列 // 元の配列に変更を加えず、一段階の深さのコピーを返す var shallowCopy = fruits.slice(); // 連結 var array1 = ['a', 'b', 'c']; var array2 = ['d', 'e', 'f']; console.log(array1.concat(arra…

Babelの変換をオンラインで試す

ReactのJSX展開が試せたりする🤓