TypeScript

配列走査いろいろ

シンプルにループを回したい時 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…

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

JS BinJSFiddleCodePenTypeScript Playground

tsx拡張子が必要だった

コードは合っているはずなのに、どうもTSLintエラーが出るなぁと思ったら、ファイル拡張子が.tsだったというオチ🤷‍♀️参考github.com

文字列リテラルに、条件分岐の組み合わせ

const img = require(`images/background${isPC ? "-pc" : ""}.png`);

ES6 importの波括弧

export default した時は括弧をつけない export default してない時は括弧をつけるimport * as した時は、その名前空間ごしにアクセスする参考blog.kyanny.medeveloper.mozilla.org

Routerでqueryとhashを扱う

Universal Routergithub.com import qs from "query-string"; import routes from "routes"; import UniversalRouter from 'universal-router'; ... const router = new UniversalRouter(routes); ... const [path, hash] = state.router.path.split("#"); c…