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

推薦する

mysql-8.0.16 winx64 最新インストール チュートリアル (画像とテキスト付き)

最近、データベースについて学び始めました。最初にやったことは、データベースとは何か、データベースとデ...

Linux ssh サービス情報と実行ステータスを表示する方法

Linux での ssh サービス構成など、ssh サーバー構成に関する記事は多数あります。ここでは...

Vueは3段階のナビゲーション表示と非表示を実装します

この記事では、3階層ナビゲーションの表示と非表示を実現するためのVueの具体的なコードを例として紹介...

Vue ルーティング遅延読み込みの詳細

目次1. ルートの遅延読み込みとは何ですか? 2. ルートの遅延読み込みの使用1. ルートの遅延読み...

ドロップダウンメニューを実現するためのHTML+CSS

1. ドロップダウンリストの例コードは次のとおりです。 <!doctypehtml> ...

Linux環境にDocker環境をインストールする(落とし穴なし)

目次インストールの前提条件ステップ1: システムの残りを確認してクリアし、Dockerの依存関係をイ...

Vueはキャンバスを使用して画像圧縮アップロードを実現します

この記事では、キャンバスを使用して画像圧縮アップロードを実現するVueの具体的なコードを参考までに共...

Vue3+Element+Tsは、フォームの基本的な検索リセットやその他の機能を実装します

Vue2 の記述スタイルから Vue3 の形式に切り替えると、記述スタイルとコード構造にいくつかの変...

MySQL データベースの大文字と小文字の区別の問題

MySQL では、データベースはデータ ディレクトリ内のディレクトリに対応します。データベース内の各...

MySQL の null 可能フィールドは NULL に設定する必要がありますか、それとも NOT NULL に設定する必要がありますか?

MySQL を頻繁に使用する人は、次のような状況に遭遇する可能性があります。 1. フィールド タ...

ソースコードから、Vue2がデータとメソッドを直接取得できる理由がわかる

目次1. 例: これはデータとメソッドを直接取得できます2. 環境を準備し、ソースコードをデバッグし...

MySQL 数十億のデータのインポート、エクスポート、移行に関するメモ

最近はMySQLのメモをたくさん取っていますが、それは主に会社のOracleが比較的安定していてメン...

Linux ファイル/ディレクトリの権限と所有権の管理

1. ファイルの権限と所有権の概要1. アクセス権Read r: ファイルの内容を表示し、ディレクト...

Linuxでスワップパーティションファイルを作成する方法

スワップの紹介Linux のスワップ (スワップ パーティション) は、Windows の仮想メモリ...

MySQL ステートメントを使用した簡単な追加、削除、変更、クエリ操作の例

この記事では、例を使用して、MySQL ステートメントを使用して、単純な追加、削除、変更、およびクエ...