あなたをエキスパートに見せるための 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 をサポートしない場合の解決策の概要

推薦する

ウェブサイトメンテナンスページのリスト構築のヒント

また、多くの場合、メンテナンスのために Web サイトを少なくとも数分間オフラインにする必要がありま...

html オプション 無効 選択 選択 無効 オプションの例

コードをコピーコードは次のとおりです。 <選択> <オプション値="&q...

親子コンポーネントの通信を解決するための3つのVueスロット

目次序文環境の準備カテゴリコンポーネントアプリのコンポーネント1. デフォルトスロット2. 名前付き...

SpringBoot のパッケージ化と Docker へのアップロード、およびマルチインスタンス デプロイメントの実装に関する簡単な分析 (IDEA バージョン)

最近友人からDockerを触ったことがあるかと聞かれました。あまり自信がなかったので答えられませんで...

MySQLの場合の使用例分析

まず、データベース テーブルを作成します。 テーブル `t_demo` を作成します ( `id` ...

Vue.js で AntV X6 を使用する手順の例

目次0x0 はじめに0x1 インストール0x2 ノードサイドバー0x3 統合例0x0 はじめにプロジ...

JavaScript の find() メソッドと filter() メソッドの違いのまとめ

目次序文JavaScript find() メソッドJavaScript filter() メソッド...

Intellij IDEA による Docker イメージの展開方法の手順の迅速な実装

目次1. Dockerはリモートアクセスを可能にする2. Intellij IDEAにDockerプ...

テーブルの4辺を上下左右にスクロールするように固定する方法

質問:最近、プロジェクトの統計を行っていたときに、テーブルを上下にスクロールしたときにテーブルの先頭...

Mysql通信プロトコルの詳細な説明

1.Mysql接続方法MySQL 通信プロトコルを理解するには、まず MySQL サーバーへの接続に...

ショートカットアイコンとアイコンコードの違いの紹介

ステートメント 1: <link rel="shortcut icon" ...

OpenLayers 3 のベクターマップソースの読み込みの問題を解決する

1. ベクターマップベクター グラフィックスは直線と曲線を使用してグラフィックスを表します。これらの...

MySQL 5.7.21 解凍バージョンのインストールと設定のグラフィックチュートリアル

この記事では、MySQL 5.7.21の解凍版をダウンロードしてインストールする詳細な手順を記録して...

CSS3 で背景ぼかしを実現する 3 つの方法 (要約)

1. 通常の背景ぼかしコード: <スタイル> html, 体 { 幅: 100%; 高...