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

推薦する

vue-cli4.5.xはプロジェクトを素早く構築します

1. vue-cliをインストールする vue.js で vue.js を実行します。 2. プロジ...

Windows と Linux 間のリモート デスクトップ接続

Linux へのリモート デスクトップ接続といえば、まず VNC の使用を思い浮かべるかもしれません...

子ども向けウェブサイトの視覚構造レイアウト設計手法の分析

1. 温かくて優しい関連アドレス: http://www.web-designers.cn/post...

ネイティブ js でカスタム難易度のマインスイーパ ゲームを実装する

この記事の例では、マインスイーパゲームを実装するためのjsの具体的なコードを参考までに共有しています...

フロントエンドAIカットのコツ(体験談)

AI 画像の切り取りは PS と連携する必要があります。まず、スライスするレイヤーを選択し、それを...

Reactホームページの読み込みが遅い問題のパフォーマンス最適化事例の詳細な説明

しばらくReactを勉強した後、実践してみたいと思います。そこで、個人のブログのウェブサイトを再構築...

VMware 仮想マシンの 3 つのネットワーク方式と原則 (概要)

1. ブリッジ: デフォルトでは VMnet0 が使用されます1. 原則:ブリッジは、それぞれ 2...

MySQL 8.0.23 無料インストールバージョンの設定詳細チュートリアル

最初のステップは、MySQL 8.0.23の無料インストールバージョンをダウンロードすることです。 ...

IE をフリーズさせる HTML コード

任意のテキスト エディターを開き、次のコードをコピーして、たとえば SomeFilename.htm...

Vue ベースの要素ボタン権限実装ソリューション

背景要件: ERP システムに「ボタン権限制御」機能を追加する必要があり、権限の制御粒度をボタン レ...

JavaScript の構造化代入の一般的なシナリオと例 5 つ

目次序文1. データを抽出する2. エイリアス値3. 動的プロパティ4. オブジェクトの分解における...

複数の Tomcat を展開して起動し、プロジェクトを移行する方法を 1 つの記事で学習します。

目次tomcatをデプロイする1.ダウンロードして解凍する2. 設定ファイルを変更する移植プロジェク...

MySQL初心者はグループ化や集計クエリの煩わしさから解放されます

目次1. グループクエリの概略図2. groupbyキーワード構文の詳細な説明3. 簡単なグループク...

Nodejs のグローバル変数とグローバルオブジェクトの知識ポイントと使用方法の詳細

1. グローバルオブジェクトすべてのモジュールは呼び出すことができます1) global: ブラウザ...

JSON.parse と JSON.stringify の使い方の詳細な説明

目次JSON.パースJSON.parse 構文リバイバーパラメータJSON.parse の機能その他...