자바스크립트 사용자 정의 공통 메소드
예를 들어 페이지 문자 처리, js 정규식 확인 등 다음에는 제가 가지고 있는 얕은 개발 경험과 인터넷에 있는 방대한 리소스를 정리하고 정리하여 나중에 필요할 때 검색하지 않도록 하겠습니다. 이번 시리즈에서는 일반적으로 사용되는 기능을 요약, 정리하고 이를 출발점으로 다루겠습니다.
코드가 저렴합니다.
1. 일반적인 문자열 처리 함수
// 문자 길이를 반환하며 한자는 2로 계산됩니다.
String.prototype. ChineseLength = 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, "" )
}
/* 문자열이 동일한지 확인하려면 대소문자 비교를 무시하세요
참고: 대소문자를 무시하지 않고 비교하려면 ==를 사용하세요.*/
String .prototype.IgnoreCaseEquals = function(str) {
이것을 반환합니다. 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으로 시작하는지 확인합니다. 프로토타입.StartsWith = function(str) {
return this .substr (0, str.length) == str;
}
// 왼쪽
문자열에서 n자를 잘라냅니다. 프로토타입.LeftSlice = function(n) {
return this .substr (0, n);
}
// 오른쪽에서 n자 자르기
String.prototype.RightSlice = function (n) {
return this .substring( this .length - n)
}
// 지정된 문자의 발생 횟수를 계산합니다.
String.prototype.Occurs = 함수 (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); >return this ;
}
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))
// 경고(testStr2.StartsWith("string"));
// document.write(testStr2.Style(" color:red;width:100px"))
// 경고(testStr2.LeftSlice(2))// 경고(testStr.RightSlice) (7));// Alert(testStr.Occurs("s"));
/* StringBuilder 테스트*/
// var testStr3 = new StringBuilder(""); / testStr3.Append("test3rn");
/ / testStr3.Append("test3test3rn")
// testStr3.Append("test3")// Alert(testStr3.toString() );
// 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 (str.indexOf( " . " ) == - 1 ) {
return str.IsDigit()
}
else {
if ( / ^(-?)(d )(.{1})(d )$ / g.test(str))
return true
else;
return false ;
}
}
// 음의 정수인지 확인
function isNegativeInteger(str) {
// 비어 있으면 확인 통과하지 않습니다
if (str == "" )
return false
if (str.IsDigit()) {
if (parseInt(str, 10 ) < 0 )
return true ;
else
return false ;
}
else
return false ;
}
// 음수 부동소수점인지 확인하세요
function isNegativeFloat(str) {
// 비어 있으면 확인이 통과되지 않습니다.
if (str == "" )
return false
if (str.IsFloat()) {
if (parseFloat (str, 10 )
true 반환 ;
else
false 반환
}
else
false 반환 ;
/ / 문자로 구성된 문자열인가요?
function isCharacter(str) {
return ( / ^[A-Za-z] $ / .test(str)); >}
// 문자와 숫자의 문자열인지
function isNumberCharacter(str) {
return ( / ^[A-Za-z0-9] $ / .test(str ));
// 이메일 여부
function isEmail(str) {
return ( / (S) [@]{1}(S) [.]{ 1}(w) / .test (str))
}
// url인가요 (댓글: 인터넷에 떠돌고 있는 버전은 기능이 매우 제한되어 있는데, 기본적으로는 다음 버전이 요구사항을 충족할 수 있습니다) )
function isUrl(str) {
return ( / ([a-zA-z] : / / )?[^s]* / .test(str))
}
// IP 주소인가요?
function isIpAddress( str) {
return / (d ).(d ).(d ).(d ) / .test(str)
}
// 2바이트 문자인지 여부(한자 포함)
function isUnicode(str) {
return ( / ^[x00-xff] $ / .test(str) );
}
// 전화번호인가요
function isTelephone(str) {
// 호환형식 : 국가번호(2~3자리)-지역번호(2~) 3자리)(-)?전화번호(7~8자리)-내선번호(3자리) )
return ( / ^(([0 ]d{2,3}-)?(0d{2,3 }))?[-]?(d{7,8})(-(d{3 ,}))?$ / .test(str))
}
// 휴대폰 번호?
function isMobilePhone(str) {
return ( / ^(((d {3}))|(d{3}-))?1[3,5]d{9} $ / .test(str))
}
// QQ 번호인가요? (Tencent QQ 번호는 10000부터 시작합니다.)
function isQQNumber(str) {
return ( / ^[1-9][0-9]{4,}$ / .test(str));
}
// 국내 우편번호인가요 (중국 우편번호는 6자리)
function isMailCode(str) {
return ( / d{6} / .test(str)) ;
}
// 국내 ID 번호인가요?
함수 isIdNumber(str) {
return ( / d{15}|d{18} / .test(str) ; 아주 간단한 일이므로 자세히 설명하지 않겠습니다.

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제









Netflix의 아바타는 귀하의 스트리밍 정체성을 시각적으로 표현한 것입니다. 사용자는 기본 아바타를 넘어 자신의 개성을 표현할 수 있습니다. Netflix 앱에서 사용자 지정 프로필 사진을 설정하는 방법을 알아보려면 이 문서를 계속 읽어보세요. Netflix에서 사용자 정의 아바타를 빠르게 설정하는 방법 Netflix에는 프로필 사진을 설정하는 기능이 내장되어 있지 않습니다. 하지만 브라우저에 Netflix 확장 프로그램을 설치하면 이 작업을 수행할 수 있습니다. 먼저, 브라우저에 Netflix 확장 프로그램에 대한 사용자 정의 프로필 사진을 설치하세요. Chrome 스토어에서 구매하실 수 있습니다. 확장 프로그램을 설치한 후 브라우저에서 Netflix를 열고 계정에 로그인하세요. 오른쪽 상단에 있는 프로필로 이동하여

Win11에서 배경 이미지를 사용자 정의하는 방법은 무엇입니까? 새로 출시된 win11 시스템에는 커스텀 기능이 많이 있는데, 이런 기능을 어떻게 사용하는지 모르는 친구들이 많습니다. 일부 친구들은 배경 이미지가 상대적으로 단조롭다고 생각하고 배경 이미지를 사용자 정의하고 싶지만 배경 이미지를 정의하는 방법을 모르는 경우 편집기에서 다음 단계를 컴파일했습니다. 아래 Win11에서 배경 이미지를 사용자 정의하세요. 관심이 있다면 아래를 살펴보세요! Win11에서 배경 이미지를 사용자 정의하는 단계: 1. 그림과 같이 바탕 화면에서 win 버튼을 클릭하고 팝업 메뉴에서 설정을 클릭합니다. 2. 그림과 같이 설정 메뉴에 들어가서 개인 설정을 클릭하세요. 3. 그림과 같이 개인 설정을 입력하고 배경을 클릭하세요. 4. 배경 설정을 입력하고 클릭하여 사진을 찾아보세요.

벤 다이어그램은 집합 간의 관계를 나타내는 데 사용되는 다이어그램입니다. Venn 다이어그램을 작성하려면 matplotlib를 사용합니다. Matplotlib는 Python에서 대화형 차트와 그래프를 만들기 위해 일반적으로 사용되는 데이터 시각화 라이브러리입니다. 또한 대화형 이미지와 차트를 만드는 데에도 사용됩니다. Matplotlib은 차트와 그래프를 사용자 정의할 수 있는 다양한 기능을 제공합니다. 이 튜토리얼에서는 벤 다이어그램을 사용자 정의하는 세 가지 예를 설명합니다. 예제의 중국어 번역은 다음과 같습니다. 예제 이것은 두 개의 벤 다이어그램의 교차점을 만드는 간단한 예입니다. 먼저 필요한 라이브러리를 가져오고 벤을 가져왔습니다. 그런 다음 데이터 세트를 Python 세트로 생성한 후 "venn2()" 함수를 사용하여 생성합니다.

CakePHP는 개발자에게 많은 유용한 도구와 기능을 제공하는 강력한 PHP 프레임워크입니다. 그 중 하나는 페이지 매김입니다. 이를 통해 대량의 데이터를 여러 페이지로 나누어 검색과 조작을 더 쉽게 할 수 있습니다. 기본적으로 CakePHP는 몇 가지 기본적인 페이지 매김 방법을 제공하지만 때로는 사용자 정의 페이지 매김 방법을 만들어야 할 수도 있습니다. 이 기사에서는 CakePHP에서 사용자 정의 페이지 매김을 만드는 방법을 보여줍니다. 1단계: 사용자 정의 페이지 매김 클래스 생성 먼저 사용자 정의 페이지 매김 클래스를 생성해야 합니다. 이것

Eclipse에서 바로 가기 키 설정을 사용자 정의하는 방법은 무엇입니까? 개발자로서 단축키를 익히는 것은 Eclipse에서 코딩할 때 효율성을 높이는 열쇠 중 하나입니다. 강력한 통합 개발 환경인 Eclipse는 다양한 기본 바로가기 키를 제공할 뿐만 아니라 사용자가 자신의 기본 설정에 따라 사용자 정의할 수도 있습니다. 이 기사에서는 Eclipse에서 바로 가기 키 설정을 사용자 정의하는 방법을 소개하고 특정 코드 예제를 제공합니다. Eclipse 열기 먼저 Eclipse를 열고 Enter를 누르십시오.

Vue는 개발자가 대화형 프런트 엔드 애플리케이션을 구축하는 데 도움이 되는 다양한 편리한 기능과 API를 제공하는 인기 있는 JavaScript 프레임워크입니다. Vue3이 출시되면서 렌더링 기능이 중요한 업데이트가 되었습니다. 이 글에서는 Vue3의 렌더링 기능의 개념과 목적, 그리고 이를 사용하여 렌더링 기능을 사용자 정의하는 방법을 소개합니다. 렌더링 기능은 무엇입니까? Vue에서는 템플릿이 가장 일반적으로 사용되는 렌더링 방법이지만 Vue3에서는 다른 방법인 r을 사용할 수 있습니다.

iPhone용 iOS 17 업데이트는 Apple Music에 몇 가지 큰 변화를 가져왔습니다. 여기에는 재생 목록에서 다른 사용자와 공동 작업, CarPlay 사용 시 다른 장치에서 음악 재생 시작 등이 포함됩니다. 이러한 새로운 기능 중 하나는 Apple Music에서 크로스페이드를 사용하는 기능입니다. 이를 통해 트랙 간에 원활하게 전환할 수 있으며, 이는 여러 트랙을 들을 때 매우 유용한 기능입니다. 크로스페이딩은 전반적인 청취 경험을 향상시켜 트랙이 변경될 때 놀라거나 경험에서 벗어나는 일이 없도록 보장합니다. 따라서 이 새로운 기능을 최대한 활용하고 싶다면 iPhone에서 이 기능을 사용하는 방법은 다음과 같습니다. 최신이 필요한 Apple Music용 Crossfade를 활성화하고 사용자 정의하는 방법

CodeIgniter에서 사용자 정의 미들웨어를 구현하는 방법 소개: 현대 웹 개발에서 미들웨어는 애플리케이션에서 중요한 역할을 합니다. 요청이 컨트롤러에 도달하기 전이나 후에 일부 공유 처리 논리를 수행하는 데 사용할 수 있습니다. 널리 사용되는 PHP 프레임워크인 CodeIgniter는 미들웨어 사용도 지원합니다. 이 글에서는 CodeIgniter에서 사용자 정의 미들웨어를 구현하는 방법을 소개하고 간단한 코드 예제를 제공합니다. 미들웨어 개요: 미들웨어는 일종의 요청입니다.
