JavaScriptのソースコードの短縮

みなさん、こんにちは。
今回は、JavaScriptのショートハンドをいくつか紹介します。
ショートハンドを使うことによってコードを短くできるので、積極的に使って行きたいですね。
■値のチェック
・before
if (val !== null || val !== undefined || val !== '') {
let a = val;
}
・after
let a = val || '';
■for文
・before
for (let i = 0; i < Array.length; i++) {
// something to do
}
・after
for (let index in Array) {
// something to do
}
■String型からint型への変換
・before
let string_to_int = “12345”;
parseInt (string_to_int);
・after
let string_to_int = “12345”;
+string_to_int;
■int型からstring型への変換
・before
let int_to_string = 12345;
int_to_string.toString();
・after
let int_to_string = 11;
" "+ferretAge;
■10の累乗を指数指定
・before
for (let i = 0; i < 10000; i++) {
// something to do
}
・after
for (let i = 0; i < 1e5; i++) {
// something to do
}
■小数点以下切り捨て
・before
// true
Math.floor(4.8) === 4
・after
// true
~~4.8 === 4
■四捨五入
・before
// true
Math.round(4.4) === 4
// true
Math.round(4.5) === 5
・after
// true
4.4+.5|0 === 4
// true
4.5+.5|0 === 5
■まとめ
今回紹介したショートハンド以外にも、沢山のショートハンドは存在します。
どれも些細なものかもしれませんが、繰り返し使っていく事が大切なので、是非現場で使ってみてください。
Posted by ShibuyaYuuki