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

推薦する

VMware 仮想マシン (CentOS7 イメージ) を使用して Linux をインストールする

1. VMwareのダウンロードとインストールリンク: https://www.jb51.net/s...

doctype のマークアップ検証

しかし最近、この方法を使用すると問題が発生することがわかりました。コードを参照してください。コードを...

Docker を使用して Go Web アプリケーションをデプロイする方法

目次なぜ Docker が必要なのでしょうか? Docker デプロイメントの例コードの準備Dock...

HTML テーブルのオーバーフローの解決方法

テーブルが広い場合は、あふれてしまう可能性があります。たとえば、左と右の 2 つの div がありま...

ソフトウェア 404 と 404 エラーとは何か、またそれらの違いは何ですか

まず、404 とソフト 404 とは何でしょうか? 404: 簡単に言えば、ユーザーが存在しないペー...

JSでユーザーを追跡する方法

目次1. 同期AJAX 2. 非同期AJAX 3. ユーザーのクリックを追跡する4. リバウンドトラ...

MYSQLが中国語を認識できない問題の恒久的な解決策

ほとんどの場合、MySQL はインストールしたばかりのときは中国語をサポートしません。これはエンコー...

MySQL の遅いクエリの最適化方法と最適化の原則

1. 日付のサイズを比較するには、XML に渡される日付形式は 'yyyy-MM-dd...

Tomcat マルチレイヤーコンテナの設計に関する簡単な説明

目次コンテナ階層サーブレットの検索を要求するプロセス仕組みTomcat のコンテナは Servlet...

MySQL 5.7 でルートパスワードを忘れた後に変更する方法の詳細なチュートリアル

序文長い間、MySQL のアプリケーションおよび学習環境は MySQL 5.6 以前のバージョンであ...

uniappとvueの違いの詳細な説明

目次1. シンプルなページの例2.uni-appはvueコンポーネントとミニプログラムネイティブコン...

img タグの src 属性値が空の場合の 2 つのリクエストの問題 (IE 以外のブラウザ)

img src 値が空の場合、リクエストが 2 つ行われます。一部の学生は以前に同様の状況に遭遇した...

ウェブサイトのパフォーマンスを向上させるために画像を最適化する方法

目次概要画像圧縮とはJPEG/JPG JPGの利点JPGの使用シナリオJPGの欠点MozJPEG を...

CentOS7 での PostgreSQL 11 の詳細なインストールと設定のチュートリアル

1. 公式ウェブサイトアドレス公式サイトではインストールの参考手順が紹介されています。公式サイトを見...

Vueはシンプルな計算機能を実装します

この記事では、参考までに、Vue の具体的なコードで簡単な計算機を実装する方法を紹介します。具体的な...