フロントエンドでよく使われる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 コマンドの詳細な説明

推薦する

ログインフォームを実装するためのJavaScript

この記事の例では、ログインフォームを実装するためのJavaScriptの具体的なコードを参考までに共...

CSSでnグリッドレイアウトを実装する方法

一般的なアプリケーションシナリオ現在のアプリのインターフェースは基本的に同じであり、グリッドレイアウ...

JavaScript ベースのランダム点呼システムの実装

この記事では、ランダムロールコーラーを実装するためのJavaScriptの具体的なコードを参考までに...

blockquote タグの使用に関する注意

<br />セマンティクス化は一言で説明することはできないし、まだ公式かつ厳密な定義もあ...

MySQLの実行プロセスとシーケンスについての簡単な説明

目次1:mysql実行プロセス1.1: コネクタ1.2: キャッシュ1.3: アナライザー1.4: ...

HTML5 と HTML4 の 10 の主な違い

HTML5 は HTML 標準の次のバージョンです。ますます多くのプログラマーが、Web サイトの構...

HTML の表の行と列を結合する問題の解決策の詳細な説明

私たちが構築しようとしていたウェブサイトには、長い文章だけでなく、多数の表も含まれており、表のレイア...

MySQLの基本操作を詳しく解説(第2部)

序文この記事には1. データベースのいくつかの主要な制約2. テーブル間の関係制約:主キー制約: 機...

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

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

CSS の子要素を親要素と高い一貫性を持たせる方法

絶対位置決め方式: (1)親要素を相対配置に設定します。親要素の高さを指定しない場合は、左の子要素の...

CSS パフォーマンスの最適化 - will-change の使用方法の詳細な説明

will-change は、要素にどのような変更が行われるかをブラウザに伝え、ブラウザが事前に最適化...

MySQL のインストール方法と設定に関するいくつかの問題の概要

1. MySQL rpm パッケージのインストール # インストールソースをダウンロードします [r...

円形/扇形メニューを2分で実装する方法を教えます(基本バージョン)

序文このプロジェクトでは円形のメニューが必要です。オンラインで検索しましたが、適切なものが見つからな...

Docker デプロイメント Consul 構成プロセスの分析

コマンドを実行docker run -d --name consul -p 8500:8500 co...

Vue の高度な使用方法チュートリアル 動的コンポーネント

目次基本的な説明AST 解析レンダリング機能通常コンポーネントと動的コンポーネントの比較ファクトリ関...