フロントエンドでよく使われるjs関数メソッド

フロントエンドでよく使われるjs関数メソッド

1. メール

エクスポートconst isEmail = (e) => {
/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(e) を返します
}


2. 携帯電話番号

エクスポートconst isMobile = (e) => {
/^1[0-9]{10}$/.test(e) を返す
}


3. 電話番号

エクスポートconst isPhone = (e) => {
/^([0-9]{3,4}-)?[0-9]{7,8}$/.test(e) を返します。
}


4. URLアドレスですか?

エクスポートconst isURL = (e) => {
/^http[s]?:\/\/.*/.test(e) を返します
}


5. 文字列ですか?

エクスポートconst isNumber = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'String' を返します。
}


6. デジタルですか?

エクスポートconst isNumber = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Number' を返します。
}


7. ブール値ですか?

エクスポートconst isBoolean = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Boolean' を返します
}


8. それは関数ですか?

エクスポートconst isFunction = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === '関数'を返します
}


9. null ですか?

エクスポートconst isNull = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Null' を返します
}


10. 未定義ですか?

エクスポートconst isUndefined = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Undefined' を返します
} 


11. それはターゲットですか?

エクスポートconst isObject = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Object' を返します。
}


12. 配列ですか?

エクスポートconst isArray = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Array' を返します。
} 


13. 時間ですか?

エクスポートconst isDate = (e) => {
Object.prototype.toString.call(e).slice(8,-1)==='Date'を返します
} 


14. 定期的ですか?

エクスポートconst isRegExp = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'RegExp' を返します。
}


15. 間違ったオブジェクトですか?

エクスポートconst isError = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'エラー' を返します
}


16. シンボル関数ですか?

エクスポートconst isSymbol = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'シンボル' を返します
}


17. Promise オブジェクトですか?

エクスポートconst isPromise = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Promise' を返します
}


18. Set オブジェクトですか?

エクスポートconst isSet = (e) => {
Object.prototype.toString.call(e).slice(8,-1) === 'Set' を返します。
}
エクスポート const us = navigator.userAgent.toLowerCase();


19. WeChatブラウザですか?

エクスポートconst isWeiXin = () => {
ua.match(/microMessenger/i) == 'micromessenger' を返します
}


20. モバイル端末ですか?

エクスポートconst isDeviceMobile =()=>{
/android|webos|iphone|ipod|balckberry/i.test(ua) を返します
}

よく使われる js 関数メソッドに関するこの記事はこれで終わりです。よく使われる js 関数に関するその他の関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JS で関数を定義する一般的な方法の概要
  • ウェブページでJS関数を自動的に実行する3つの一般的な方法
  • JavaScript 関数の自動実行の一般的な方法の概要
  • よく使用される JavaScript 関数メソッドを毎日収集して分類します
  • js関数呼び出しの一般的な方法の詳細な説明

<<:  MYSQL 左結合の最適化 (10 秒から 20 ミリ秒)

>>:  Linux での scp および sftp コマンドの詳細な説明

推薦する

Centos7 に yum 経由で MySQL をインストールする方法

1. MySQLがインストールされているかどうかを確認する yum インストール済みリスト | gr...

MySQL btree インデックスとハッシュ インデックスの違い

MySQL では、ほとんどのインデックス (PRIMARY KEY、UNIQUE、INDEX、FUL...

MySQL クエリの重複データ (重複データを削除し、ID が最も小さいデータのみを保持します)

開発の背景:最近、私はバッチ データを MySQL データベースにインポートする機能に取り組んでいま...

W3C 検証に合格するにはどうすればいいですか?

W3C では、さまざまなタグの規定を設定するだけでなく、Web ページの作成者が実際に W3C 規...

サブクエリ最適化における MySQL 選択の実装

以下のデモはMySQLバージョン5.7.27に基づいています。 1. MySQLサブクエリ最適化戦略...

HTML でよく使われるタグの概要 (必読)

コンテンツ詳細タグ: <h1>~<h6>タイトルタグ<pre>テ...

HTML のテキストエリアの改行問題の概要

最近、Textrea に転送したときに、データが本当に行ごとに保存できるかどうかという問題に遭遇しま...

HTML 選択オプション デフォルトの選択方法

オプションに属性 selected = "selected" を追加すると、それ...

MySql インポート CSV ファイルまたはタブ区切りファイル

別のライブラリから別のライブラリにデータをインポートする必要がある場合があり、このデータは CSV ...

リアクトルーティングガード(ルーティングインターセプション)の実装

React は Vue とは異なります。ルートにメタ文字を設定することでルートインターセプションを実...

CSS @font-face パフォーマンス最適化の詳細な理解

この記事では主に、フォント読み込みの最適化に関する一般的な戦略を紹介します。内容の大部分は参考資料と...

雨滴効果を実現する JavaScript キャンバス

この記事では、雨滴効果を実現するためのJavaScriptキャンバスの具体的なコードを参考までに紹介...

CSS3セレクターの新機能の実装

目次基本的なセレクタ拡張属性セレクタ疑似クラスと疑似要素セレクター基本的なセレクタ拡張1. 子要素セ...

Docker ベースのよく使われる CentOS7 イメージの概要

目次1 Dockerをインストールする2 国内ミラーソースの設定3 中国語環境基本版Centos7イ...

RedHat 6.5 に MySQL 5.7 をインストールするための詳細なチュートリアル

RedHat6.5インストールMySQL5.7チュートリアル共有、参考までに、具体的な内容は次のとお...