JavaScriptのカスタム共通メソッド
例: ページの文字処理、js 正規表現の検証など。次に、私自身の浅い開発経験とインターネット上の膨大なリソースを要約して整理し、将来それを使用する必要があるときに検索する手間を省きます。この連載では、よく使われる機能をまとめて整理し、出発点として扱います。
コードは簡単です。コードを見てください:
1. 一般的な文字列処理関数
// 文字の長さを返します。1 つの中国語は 2 としてカウントされます。 = function( ) {
return this .replace( / [ ^ x00 - xff] / g, " ** " ).length;
}
// 両端の空白文字を削除文字列の
String.prototype.Trim = function() {
return this .replace( / ( ^ s ) | (s $) / g, "" ); >// 文字の左端を削除
String.prototype.LeftTrim = function() {
return this .replace( / ( ^ [s] * ) / g, "" ); の空白文字を削除します。
}
// 文字の右端の空白文字を削除
String.prototype.RightTrim = function() {
return this .replace( / ([s] * $) / g, "" );
}
/* 文字列が等しいかどうかを確認するために大文字と小文字の比較を無視します
注: 大文字と小文字を無視せずに比較するには、== を使用します*/
文字列.prototype.IgnoreCaseEquals = function(str) {
return this.toLowerCase() == str.toLowerCase();
}
/* 文字列が等しいかどうかを確認するために大文字と小文字の比較を無視しません。 */
String.prototype.Equals = function(str) {
return ( this == str);
}
/* 文字列を比較し、条件に従って -1、0 を返します。結果
同じ戻り値: 0 異なる: -1
*/
String.prototype.CompareTo = function(str) {
if ( this == str) {
return 0 ; 🎜>} else
return - 1 ;
}
// 文字列置換
String.prototype.Replace = function(oldValue, newValue) {
var reg = new RegExp( oldValue, " g " );
return this .replace(reg, newValue);
// 特定の文字列で終わるかどうかを確認します
String.prototype.EndsWith = function (str) {
return this .substr( this .length - str .length) == str;
}
// 文字列が指定された文字列
String で始まるかどうかを判断します。 prototype.StartsWith = function(str) {
return this .substr (0, str.length) == str;
}
//
String から n 文字を切り取ります。 prototype.LeftSlice = function(n) {
return this .substr (0, n);
}
// 右から n 文字を切り取ります
String.prototype.RightSlice = function (n) {
return this .substring( this .length - n);
}
// 指定された文字の出現数をカウントします
String.prototype.Occurs = function (ch) {
// var re = eval("/[^" ch "]/g");
// return this.replace(re, "").length
return this; .split(ch).length - 1 ;
}
/* */
String.prototype.Style = function(style) { を使用して、特定のスタイルで文字列を構築します。
return "
" , this , "
" );
}
// StringBuilder と同様の関数を構築します (複数の文字列を結合するときに使用され、非常に便利です)
function StringBuilder(str) { this .tempArr = new Array() ; StringBuilder.prototype.Append = function(value) {
this .tempArr.push(value); >これを返します ;
}
StringBuilder.prototype.Clear = function() {
this .tempArr.length = 0 ;
}
StringBuilder.prototype.toString = function() 🎜>return this .tempArr.join( '' );
}
//共通の文字列メソッドと拡張機能
function test() {
var testStr = " これはテスト文字列です" ;
var testStr2 = " String" ;
// アラート(testStr.Trim());
// アラート(testStr.LeftTrim());
// アラート(testStr.RightTrim ());
// アラート(testStr2. ChineseLength( ));
// アラート(testStr2.CompareTo(testStr));
// document.write(testStr2.Style(" color:red;width:100px"));
//alert(testStr2.LeftSlice(2)); (7));
//alert(testStr.Occurs("s"));
/* StringBuilder テスト*/
// var testStr3 = new StringBuilder(""); / testStr3.Append("test3rn");
/ / testStr3.Append("test3test3rn");
// testStr3.Append("test3"); );
// testStr3.Clear();
//alert(testStr3.toString());
2. * ------------- -----------次の関数にはまだ文字列処理が含まれていますが、正規表現の一部として使用する方が合理的だと思われます-- ------------- ------------- */
// 文字列が数字で構成されているかどうかを確認します
String.prototype.IsDigit = function () {
var str = this .Trim ();
return (str.replace( / d / g, "" ).length == 0 ); / 文字列が浮動小数点型であるかどうかを検証します
String.prototype.IsFloat = function () {
var str = this .Trim()
// 空の場合は検証に合格しません。
if (str == "" )
return false ;
// If it is an integer, check the validity of the integer
if (str.indexOf( " . " ) == - 1 ) {
return str.IsDigit();
}
else {
if ( / ^(-?)(d )(.{1})(d )$ / g.test(str))
return true ;
else
return false ;
}
}
// Check whether it is a negative integer
function isNegativeInteger(str) {
// If it is empty, the verification will not pass
if (str == "" )
return false ;
if (str.IsDigit()) {
if (parseInt(str, 10 ) < 0 )
return true ;
else
return false ;
}
else
return false ;
}
// Check whether it is a negative floating point number
function isNegativeFloat(str) {
// If it is empty, the verification will not pass
if (str == "" )
return false ;
if (str.IsFloat()) {
if (parseFloat (str, 10 ) < 0 )
return true ;
else
return false ;
}
else
return false ;
}
/ / Is it a string composed of letters?
function isCharacter(str) {
return ( / ^[A-Za-z] $ / .test(str));
}
// Whether it is a string of letters and numbers
function isNumberCharacter(str) {
return ( / ^[A-Za-z0-9] $ / .test(str));
}
// Whether it is email
function isEmail(str) {
return ( / (S) [@]{1}(S) [.]{1}(w) / .test (str))
}
// Is it a url (Comment: The version circulating on the Internet has very limited functions, the following one can basically meet the needs)
function isUrl(str) {
return ( / ([a-zA-z] : / / )?[^s]* / .test(str));
}
// Is it an ip address?
function isIpAddress( str) {
return / (d ).(d ).(d ).(d ) / .test(str);
}
// Is it a string composed of Chinese characters
function isChinese(str) {
return ( / ^[u4e00-u9fa5] $ / .test(str));
}
// Whether it is a double-byte character (including Chinese characters Within)
function isUnicode(str) {
return ( / ^[x00-xff] $ / .test(str));
}
// Is it a phone number
function isTelephone(str) {
// Compatible format: Country code (2 to 3 digits)-area code (2 to 3 digits)(-)?Phone number (7 to 8 digits)-extension number (3 digits) )
return ( / ^(([0 ]d{2,3}-)?(0d{2,3}))?[-]?(d{7,8})(-(d{3 ,}))?$ / .test(str));
}
// Is it a mobile phone number?
function isMobilePhone(str) {
return ( / ^(((d {3}))|(d{3}-))?1[3,5]d{9}$ / .test(str));
}
// Is it a QQ number? (Tencent QQ number starts from 10000)
function isQQNumber(str) {
return ( / ^[1-9][0-9]{4,}$ / .test(str));
}
// Is it a domestic postal code (China postal code is 6 digits)
function isMailCode(str) {
return ( / d{6} / .test(str)) ;
}
// Is it a domestic ID number?
function isIdNumber(str) {
return ( / d{15}|d{18} / .test(str) ; It’s just a piece of cake, so I won’t go into details.

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











Netflix のアバターは、ストリーミング ID を視覚的に表現したものです。ユーザーはデフォルトのアバターを超えて自分の個性を表現できます。 Netflix アプリでカスタム プロフィール写真を設定する方法については、この記事を読み続けてください。 Netflix でカスタム アバターをすばやく設定する方法 Netflix には、プロフィール写真を設定する機能が組み込まれていません。ただし、ブラウザに Netflix 拡張機能をインストールすることでこれを行うことができます。まず、Netflix 拡張機能のカスタム プロフィール画像をブラウザにインストールします。 Chrome ストアで購入できます。拡張機能をインストールした後、ブラウザで Netflix を開き、アカウントにログインします。右上隅にあるプロフィールに移動し、をクリックします

Win11で背景画像をカスタマイズするにはどうすればよいですか?新しくリリースされた win11 システムには多くのカスタム機能がありますが、多くの友人はこれらの機能の使い方を知りません。一部の友人は、背景画像が比較的単調だと考えており、背景画像をカスタマイズしたいと考えていますが、背景画像をカスタマイズする方法がわかりません。背景画像を定義する方法がわからない場合、エディターは次の手順をまとめています。 Win11 で背景画像をカスタマイズするには、以下をご覧ください。 Win11 で背景画像をカスタマイズする手順: 1. 図に示すように、デスクトップの [勝利] ボタンをクリックし、ポップアップ メニューの [設定] をクリックします。 2. 図に示すように、設定メニューに入り、「個人用設定」をクリックします。 3. 図に示すように、[Personalization] に入り、[Background] をクリックします。 4. 背景設定を入力し、クリックして写真を参照します

ベン図は、セット間の関係を表すために使用される図です。ベン図を作成するには、matplotlib を使用します。 Matplotlib は、対話型のチャートやグラフを作成するために Python で一般的に使用されるデータ視覚化ライブラリです。インタラクティブな画像やグラフの作成にも使用されます。 Matplotlib は、チャートやグラフをカスタマイズするための多くの関数を提供します。このチュートリアルでは、ベン図をカスタマイズするための 3 つの例を説明します。 Example の中国語訳は次のとおりです: Example これは 2 つのベン図の交差を作成する簡単な例です。最初に、必要なライブラリをインポートし、ベンをインポートしました。次に、データセットを Python セットとして作成し、その後「venn2()」関数を使用して

Eclipse でショートカット キーの設定をカスタマイズするにはどうすればよいですか?開発者にとって、ショートカット キーをマスターすることは、Eclipse でコーディングする際の効率を向上させるための鍵の 1 つです。強力な統合開発環境として、Eclipse は多くのデフォルトのショートカット キーを提供するだけでなく、ユーザーが独自の好みに応じてショートカット キーをカスタマイズすることもできます。この記事では、Eclipseでショートカットキーの設定をカスタマイズする方法と具体的なコード例を紹介します。 Eclipseを開く まず、Eclipseを開いて次のように入力します。

iPhone の iOS 17 アップデートは、Apple Music にいくつかの大きな変更をもたらします。これには、プレイリストで他のユーザーとコラボレーションしたり、CarPlay を使用してさまざまなデバイスから音楽再生を開始したりすることが含まれます。これらの新機能の 1 つは、Apple Music でクロスフェードを使用できる機能です。これにより、トラック間をシームレスに移行できるようになり、複数のトラックを聴く場合に優れた機能になります。クロスフェードは全体的なリスニング体験を向上させるのに役立ち、トラックが変わったときに驚いたり、体験から脱落したりすることがなくなります。この新機能を最大限に活用したい場合は、iPhone での使用方法を次に示します。最新の情報が必要な Apple Music のクロスフェードを有効にしてカスタマイズする方法

CakePHP は、開発者に多くの便利なツールと機能を提供する強力な PHP フレームワークです。その 1 つはページネーションです。これは、大量のデータを複数のページに分割し、閲覧と操作を容易にするのに役立ちます。デフォルトでは、CakePHP はいくつかの基本的なページネーション メソッドを提供しますが、場合によってはカスタムのページネーション メソッドを作成する必要がある場合があります。この記事では、CakePHP でカスタム ページネーションを作成する方法を説明します。ステップ 1: カスタム ページネーション クラスを作成する まず、カスタム ページネーション クラスを作成する必要があります。これ

CodeIgniter でカスタム ミドルウェアを実装する方法 はじめに: 最新の Web 開発では、ミドルウェアがアプリケーションで重要な役割を果たします。これらは、リクエストがコントローラーに到達する前または後に、共有処理ロジックを実行するために使用できます。 CodeIgniter は、人気のある PHP フレームワークとして、ミドルウェアの使用もサポートしています。この記事では、CodeIgniter でカスタム ミドルウェアを実装する方法を紹介し、簡単なコード例を示します。ミドルウェアの概要: ミドルウェアは一種のリクエストです

1. 下の図はediusのデフォルトの画面レイアウトです EDIUSのデフォルトのウィンドウレイアウトは横レイアウトのため、シングルモニタ環境では多くのウィンドウが重なってプレビューウィンドウがシングルウィンドウモードになります。 2. メニューバーの[表示]から[デュアルウィンドウモード]を有効にすると、プレビューウィンドウに再生ウィンドウと録音ウィンドウを同時に表示できます。 3. [表示メニューバー > ウィンドウレイアウト > 一般] でデフォルトの画面レイアウトに戻すことができます。また、ウィンドウをドラッグして好みのレイアウトにし、[表示 > ウィンドウ レイアウト > 現在のレイアウトを保存 > 新規作成] をクリックすると、自分に合ったレイアウトをカスタマイズして、よく使う画面レイアウトとして保存することもできます。ポップアップ [現在のレイアウトを保存] レイアウト] 小さなウィンドウにレイアウト名を入力し、OK をクリックします
