JavaScriptのソースコードの短縮

Blog Single

みなさん、こんにちは。

今回は、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
今はPHPで開発を行なっているエンジニア。 就職してから体重が15キロ増えました!!

Other Posts: