あなたをエキスパートに見せるための 13 個の JavaScript ワンライナー

あなたをエキスパートに見せるための 13 個の JavaScript ワンライナー

1. ランダムなブール値( true / false )を取得する

この関数はMath.random()メソッドを使用し、ブール値 ( trueまたはalse ) を返します。 Math.random は 0 から 1 の間の乱数を生成し、それが 0.5 より大きいか小さいかをチェックするだけで、true または false になる確率は 50% になります。

const randomBoolean = () => Math.random() >= 0.5;
コンソールにログ出力します。

2. 指定された日付が営業日であるかどうかを確認する

このメソッドを使用すると、関数で指定された日付が平日か週末かを確認できます。

const isWeekday = (date) => date.getDay() % 6 !== 0;

console.log(isWeekday(新しい日付(2021, 7, 6)));
// 金曜日なので trueconsole.log(isWeekday(new Date(2021, 7, 7)));
// 土曜日なのでfalse

3. 文字列を反転する

文字列を反転する方法はいくつかあります。これは、split()、reverse()、join() メソッドを使用する最も単純な方法です。

const 逆 = str => str.split('').reverse().join('');
逆('hello world');     
// 'ダウンロード'

4. 現在のタブが非表示になっているかどうかを確認する

Document.hidden (読み取り専用プロパティ) は、ページが非表示になっているか ( true )、そうでないか ( false ) を示すブール値を返します。

const isBrowserTabInView = () => document.hidden;
ブラウザタブがビュー内にあるかどうかを確認します。

オフサイト: iQiyi 広告の再生時間は、現在のタブがアクティブになっているときのみカウントダウンされることを偶然発見しました。現在のタブを離れると、カウントダウンは停止します。Baidu で検索したところ、 document.hidden見つけました。

document.hidden h5 に追加された新しい API であり、使用すると互換性の問題が生じます。

var 非表示
if (typeof document.hidden !== "undefined") {
    hidden = "隠し";
} そうでない場合 (typeof document.mozHidden !== "undefined") {
    非表示 = "mozHidden";
} そうでない場合 (typeof document.msHidden !== "undefined") {
    非表示 = "msHidden";
} そうでない場合 (typeof document.webkitHidden !== "undefined") {
    非表示 = "webkitHidden";
}
console.log("現在のページは非表示ですか: " + document[hidden])

5. 数字が偶数か奇数かを確認する

const isEven = num => num % 2 === 0;
コンソールログ(isEven(2));
// 真実
コンソールログ(isEven(3));
// 間違い

6. 日付から時間を取得する

const timeFromDate = date => date.toTimeString().slice(0, 8);

コンソールにログ出力します。 
// "17:30:00"

コンソールにログ出力します。
// 現在の時刻を出力します

7. 小数点以下n桁を保持する

const toFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
// 例 toFixed(25.198726354, 1); // 25.1
固定(25.198726354, 2); // 25.19
固定(25.198726354, 3); // 25.198
toFixed(25.198726354, 4); // 25.1987
toFixed(25.198726354, 5); // 25.19872
toFixed(25.198726354, 6); // 25.198726

8. 要素が現在フォーカスされているかどうかを確認する

document.activeElementプロパティを使用して、要素が現在フォーカスされているかどうかを確認できます。

要素がフォーカスされているかどうかをconstで指定します。
要素がフォーカスされているかどうか(任意の要素)
// フォーカスされている場合は true を返し、フォーカスされていない場合は false を返します

9. 現在のブラウザがタッチイベントをサポートしているかどうかを確認する

定数 touchSupported = () => {
  (ウィンドウ内の 'ontouchstart' || window.DocumentTouch && ドキュメントの instanceof window.DocumentTouch);
}
コンソールにログを記録します。
// タッチ イベントがサポートされている場合は true が返され、そうでない場合は false が返されます。

10. 現在のブラウザがAppleデバイス上にあるかどうかを確認する

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(AppleDevice がデバイスであるかどうか)

11. ページの先頭までスクロールします

const goToTop = () => window.scrollTo(0, 0);
先頭へ移動します。

12. パラメータの平均値を取得する

const average = (...args) => args.reduce((a, b) => a + b) / args.length;
平均(1, 2, 3, 4);
// 2.5

13. 華氏/摂氏変換

const celsiusToFahrenheit = (摂氏) => 摂氏 * 9/5 + 32;
const fahrenheitToCelsius = (華氏) => (華氏 - 32) * 5/9;
// 例 celsiusToFahrenheit(15); // 59
摂氏から華氏(0); // 32
摂氏から華氏(-20); // -4
華氏から摂氏へ(59); // 15
華氏から摂氏へ(32); // 0

これで、エキスパートのように見える 13 個の JavaScript ワンライン プログラムに関する記事は終了です。JavaScript に関するその他のコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript でのカスタム スワイパー コンポーネントの詳細な説明
  • JavaScript の矢印関数と通常の関数の違いの詳細な説明
  • JavaScript でカルーセル効果を実装する
  • ボタンをクリックして画像を切り替える JavaScript
  • JavaScriptで配列かどうかを判断するためのさまざまな方法のまとめ
  • 花火効果を実現するJavaScript(オブジェクト指向)
  • JavaScript Canvas で三目並べゲームを実装
  • JavaScriptのループの違いについての詳細な説明
  • JavaScript コードを省略する一般的な方法の概要

<<:  この構成ファイルの排他ロックに失敗したという VMware 仮想マシンのプロンプトの解決方法

>>:  MySQL が group by をサポートしない場合の解決策の概要

推薦する

JavaScriptエンジンV8の実行プロセスの詳細な説明

目次1. V8ソース2. V8サービスターゲット3. V8の初期アーキテクチャIV. V8の初期アー...

nginxとバックエンドポート間の競合の解決策

質問: Alice 管理システムを開発しているときに、すべてのバックエンド インターフェイスが最初の...

CSS3 フリップカード番号サンプルコード

今日会社から課題をもらったのですが、効果図は以下のとおりです。 どのような効果を実現したいかは特に決...

jQueryはバウンドボールゲームを実装します

この記事では、バウンドボールゲームを実装するためのjQueryの具体的なコードを参考までに共有します...

eject を使用せずに create-react-app の設定を変更する方法

1. イジェクトが推奨されないのはなぜですか? 1. eject を実行した後、どのような変化があり...

MySQLはconnect_by_isleaf MySQLメソッドまたはストアドプロシージャに似た機能を実装します

最近、特に異常なビジネス需要があり、テーブルがあります テーブル「デモ」を作成します( `id` i...

Linux で JDK をインストールして環境変数を設定する方法 (この記事で十分です)

目次1. Linuxのビット数を確認する2. JDKをダウンロードする3. JDKをインストールする...

便利でシンプルなMySQL関数10個

関数0. 現在の時刻を表示するコマンド: select now()。機能: 現在の時刻を表示します。...

Linux で見つけるためのフレンドリーな代替手段 (fd コマンド)

fd コマンドは、Linux ファイル システムを検索するためのシンプルで簡単な方法を提供します。...

Dockerの匿名マウントと名前付きマウントの具体的な使用法

目次データ量匿名マウントと名前付きマウントデータボリュームの場所データ量匿名マウントと名前付きマウン...

Linux で文字化けしたファイルや特殊文字のファイルを削除する方法

エンコーディングの理由により、Linux サーバーに中国語のファイルやディレクトリをアップロードまた...

Vue プロジェクトでよく使用されるツール機能の概要

目次序文1. カスタムフォーカスコマンド1. 方法1 2. 方法2 3. 方法3 2. 入力ボックス...

Nginx try_files ディレクティブの使用例

Nginx の設定構文は柔軟で、高度に制御可能です。バージョン 0.7 以降では、try_files...

Mysql論理アーキテクチャの詳細な説明

1. 全体的なアーキテクチャ図他のデータベースと比較すると、MySQL は、そのアーキテクチャがさま...

Linux コマンドラインからファイルを削除する実用的な方法

rm コマンドrm コマンドは、ファイルを削除するときによく使用されるコマンドです。ファイルまたはデ...