プロのように見える avaScript ワンライナー

今日は JavaScript の素晴らしいトリックについてお話します。これらは単なるランダムなコードハックではなく、プログラミングを真剣にクリーンアップできる本当のソリューションです。

1. オブジェクトプロパティの省略表現

すべてのプロパティを書き出していた昔ながらの JavaScript の時代を覚えていますか?

const name = 'Sarah';
const age = 28;
const user = { name: name, age: age };

これを行うためのより良い方法は次のとおりです:

const user = { name, age };

自分のことを繰り返してしまうような、ぎこちないセリフはもう不要です。

2. 一時変数を使用せずに変数を交換する

2 つの変数を交換する必要がありますか?これを使用します:

[a, b] = [b, a];

これを初めて見たときは二度見するでしょう。配列の分割により、変数のスワップが、真実とは思えないほど素晴らしいものに変わります。一時変数や複雑なロジックはなく、純粋でエレガントなコードだけです。

3. Nullish Coalescing Operator: あなたの新しい親友

長いデフォルト値のチェックを書いたのを覚えていますか?

const userPreference = input !== null && input !== undefined ? input : 'default';

これがクールな子供たちの今のやり方です:

const userPreference = input ?? 'default';

これはちょっと??オペレーターのおかげで、私はたくさんの頭痛から救われました。値が null または未定義の場合にのみデフォルトに戻ります。値が 0 または空の文字列の場合はそうではありません。

4. 究極のアレイ重複排除

配列を一意にしたい場合は、次のようにします:

const unique = [...new Set(array)];

以前であればループを使用していましたが、今では必要なときにいつでも笑顔で Set を広げています。

5. 上司のようにブール値に変換する

value === true または Boolean(value) を書き込む代わりに。

これより確実に良い方法があります:

const isTrue = !!value;

これらの二重感嘆符は、何かに本当に興奮しているように見えるかもしれませんが、実際には巧妙な型強制を行っています。

6. 実際に意味のある素早い数値変換

文字列を数値に変換したい場合は? parseInt() を少し忘れて、代わりにこれを使用してください:

const number = +'42';

この孤独なプラス記号は、ここでの面倒な作業をすべて行っており、文字列数値を数値に正確に変換します。

7. スムーズ オペレーター (オプションのチェーン)

これを二度としないでください:

const userCity = user && user.address && user.address.city;

もっと良い方法:

const userCity = user?.address?.city;

これは、JavaScript がついに私たちの痛みを理解し、それについて何かをすることを決定したように感じます。

結論

コーディングのショートカットは、単にキーストロークを減らすだけではありません。

それらは、よりスマートで、より意図的なソフトウェアを作成することを目的としています。これらの手法により、平均的な開発者と優れたプログラマーが区別されます。目的を持って、賢明に、控えめに使用してください。

優れたコードはストーリーを伝えます。明確で、力強く、エレガントである必要があります。簡潔さを追求するだけではなく、理解を追求してください。

それでは、あなたのお気に入りの JavaScript トリックを教えてください。

この記事を読む前から知っていたとしても、私と共有してください。

以上がプロのように見える avaScript ワンライナーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。