強くお勧めします: 収集する価値のある 20 の ES6 ヒント

この記事では、ES6 のヒントを整理して共有し、頻繁に使用される 20 個の ES6 コード ブロックをすべての人向けにまとめました。

1. 配列の順序を乱す

##[関連する推奨事項:

JavaScript 学習チュートリアル]

2. 数字以外のすべての文字を削除します

# 3. 文字列または単語を反転します

##4. 10 進数を 2 進数または 16 進数に変換します

5. 複数のオブジェクトをマージ

6.

===<span style="font-size: 18px;"> と </span>==<span style="font-size: 18px;">## の違い</span>

#7. 代入の構造化

8. 変数の値を交換する

9-1. 判定回文文字列

#回文文字列: 前から書いても後ろから書いても同じ文字列

9-2 2 つの文字列が互いに並べられているかどうかを判断します。

2 つの文字が並べ替えられているかどうかを判断します。2 つの文字列が与えられた場合、1 つであるかどうかは、他の

#10 の順列です。オプションの連鎖演算子

MDN: オプション チェーン

演算子 (

?.

) を使用すると、チェーン内の各参照が有効であることを明示的に検証することなく、接続オブジェクト チェーン値の奥深くにあるプロパティを読み取ることができます。 ?. 演算子の機能は . チェーン演算子と似ていますが、違いは参照が null (nullish) の場合 (null または ##) であることです。 # unknown) はエラーを引き起こしません。この式の短絡戻り値は unknown です。関数呼び出しで使用した場合、指定された関数が存在しない場合は、unknown を返します。 例: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">if (res &amp;&amp; res.data &amp;&amp; res.data.success) {       //code}  复制代码</pre><div class="contentsignin">ログイン後にコピー</div></div> は、:

if (res?.data?.success) {  // code}复制代码

と同等です。

11. 三項演算子

12. 配列から値をランダムに選択します

#13. オブジェクトの凍結

##14. 配列から重複する要素を削除します

#15. 指定された小数点以下の桁数を保持します

##16. 配列をクリアします

17. <span style="font-size: 18px;">RGB</span> から <span style="font-size: 18px;">HEX</span># に変換します。

18. 配列から最大値と最小値を取得します

##19. Null 値合体演算子

##MDN:

Null 値合体演算子

(

??) は論理演算子です。左側のオペランドが null または unknown の場合は右側のオペランドを返し、それ以外の場合は左側のオペランドを返します。 。

#20.

#false<span style="font-size: 18px;"># である配列内の値をフィルターします。 </span>

##ソースコード

https://github.com/xieyezi/ vuepress-blog/ blob/master/docs/front-end/ES6-20 で頻繁に使用されるテクニック.md

上記のとおり、コーディングと描画は非常に難しいものです。これが更新を続ける最大のモチベーションです。

[関連ビデオチュートリアルの推奨事項:

Web フロントエンド

]