すぐに知りたかった JavaScript ハック

デフォルト値の短絡進化

デフォルト値の if-else をスキップします。 || を使用すると、より簡潔な 1 行の割り当てが可能になります。

//old way 
let userName;
if (userInput) {
 userName = userInput;
} else {
 userName = 'Guest';
}

//modern way
const userName = userInput || 'Guest';

一時変数を使用せずに変数をスワイプ

配列の構造化を使用して 1 行で値を交換します。一時的な値は必要ありません。

//old way
let temp = a;
a = b;
b = temp;

//modern way
let a = 1, b = 2;
[a, b] = [b, a]; 

出力: a = 2 および b = 2

アレイのクローンを素早く作成する
よりシンプルでより多くの
を実現するには、スプレッド演算子を使用して配列のクローンを作成します。 直感的な方法。

// old way
const clone = original.slice();

//modern way
const original = [1, 2, 3];
const clone = [...original];

配列から重複を簡単に削除
Set を使用して重複を削除し、簡潔なワンライナーの最新ソリューションに変えます。

//old way
const uniqueArray = [];
for (let i = 0; i < array.length; i++)  {
  if (!uniqueArray.includes(array[i])) {
     uniqueArray.push(array[i]);
 }
}

//modern way 
const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4])];

文字列を数値に素早く変換します

の単項演算子を使用して 文字列 を 数値
に変換します 迅速な解決策。

//old way
 const num = parseInt('12', 39);

//modern way
consst num = +'12';

結論
これらの最新の JavaScript テクニックは、よりクリーンで効率的で、多くの場合、より読みやすいコードを提供します。これらのワンライナーと組み込み関数を使用すると、複雑なロジックが簡素化され、冗長性が削除されます

以上がすぐに知りたかった JavaScript ハックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。