> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 문자열 객체에 대한 심층 분석_기본

JavaScript 문자열 객체에 대한 심층 분석_기본

WBOY
풀어 주다: 2016-05-16 16:10:56
원래의
1410명이 탐색했습니다.

문자열 문자열 객체

1. 소개

문자열 개체는 하위 문자열 가로채기, 문자열/문자 검색, 대소문자 변환 등 문자열에 대한 작업을 수행합니다.

2. 정의

2.1 새로운 String(Value) 생성자: 내용이 Value인 String 객체를 반환합니다
매개변수:

①값 {문자열}: 문자열

반환 값:

{String object}는 내용이 Value인 String 객체를 반환합니다

예:

코드 복사 코드는 다음과 같습니다.

var decoStr = new String('abc');
console.log(typeofdemStr); // => console.log(demoStr); // =>

2.2 직접 할당(권장) 예:


var 데모Str = 'abc';
console.log(typeofdemStr); // 문자열
console.log(demoStr); // =>


3. 인스턴스 속성

3.1 길이: 문자열의 문자 수를 반환합니다

코드 복사 코드는 다음과 같습니다. var s = 'abc';
console.log(s.length); // => console.log('새해 복 많이 받으세요'.length); // => 4: 한자도 수량으로 계산됩니다
console.log(''.length); // => 0: 빈 문자열은 0을 반환합니다




4. 인스턴스 메소드

참고: string의 인스턴스 메서드는 문자열 자체를 변경하지 않고 작업 결과만 반환합니다. 4.1 charAt(index): 문자열의 지정된 위치에 있는 문자를 반환합니다. 숫자는 0부터 시작합니다. 존재하지 않는 값이 전달되면 빈 문자열이 반환됩니다.

매개변수:

①index {int}: 위치 인덱스, 0부터 계산


반환 값:

{string}은 문자열의 지정된 위치에 있는 문자를 반환합니다. 존재하지 않는 위치 값이 전달되면 빈 문자열이 반환됩니다.

예:

코드 복사

코드는 다음과 같습니다. var s = 'abc'; console.log(s.charAt(1)); // => b: 1번 위치의 문자를 반환합니다
console.log(s); // => 원래 배열에 영향을 주지 않습니다
console.log(s.charAt(5)); // => '': 존재하지 않는 위치에서 문자를 가져오고 길이가 0인 빈 문자열을 반환합니다.



4.2 charCodeAt(index): 문자열의 지정된 위치에 있는 문자의 유니코드 인코딩을 반환합니다
매개변수:
①index {int}: 위치 인덱스, 0부터 계산


반환 값:

{number} 문자열의 지정된 위치에 있는 문자의 유니코드 인코딩을 반환합니다. 존재하지 않는 위치 값이 전달되면 NaN

이 반환됩니다.

예:

코드 복사

코드는 다음과 같습니다. var s = 'abc'; console.log(s.charCodeAt(0)); // => 98: 문자 b의 유니코드 인코딩
console.log(s.charCodeAt(5)); // => 존재하지 않는 문자를 가져와서 NaN을 반환합니다



4.3 concat(value1, value2 ... valueN): 하나 이상의 문자열을 연결하고 연결된 문자열을 반환합니다.
매개변수:
①value1,value2 ... valueN {string}: 하나 이상의 문자열


반환 값:

{string} 연결된 문자열을 반환합니다.

예:

코드 복사

코드는 다음과 같습니다. var s = 'abc'; console.log(s.concat('d')) // => console.log(s); // => abc: 원래 문자열에 영향을 주지 않습니다
console.log(s.concat('d', 'e')) // =>

4.4 indexOf(value, |startPosition): 인스턴스에서 문자열이나 문자를 앞에서 뒤로 찾고 찾은 위치를 반환합니다(0부터 계산). 찾을 수 없으면 -1을 반환합니다
매개변수:

①값 {string}: 검색 문자열

②startPosition {int} 선택사항: 검색을 시작할 시작 위치, 기본값은 위치 0부터 검색을 시작하는 것입니다.

반환 값:

{int} 발견된 위치를 반환합니다(0부터 계산). 찾을 수 없으면 -1을 반환합니다

예:

코드 복사 코드는 다음과 같습니다.

var s = 'abc';
console.log(s.indexOf('b')) // => console.log(s.indexOf('d')); // => -1 :
찾을 수 없음 console.log(s.indexOf('b', 2)); // => -1: 2번째(3번째 문자)부터
검색 시작
4.5 lastIndexOf(value, |startPosition): 인스턴스에서 문자열이나 문자를 뒤에서 앞으로 검색하고 찾은 위치를 반환합니다(0부터 계산). 찾을 수 없으면 -1을 반환합니다

매개변수:

①값 {string}: 검색 문자열

②startPosition {int} 선택사항: 검색을 시작할 시작 위치, 기본값은 끝부터 검색을 시작하는 것입니다

반환 값:

{int} 발견된 위치를 반환합니다(0부터 계산). 찾을 수 없으면 -1을 반환합니다

예:

코드 복사 코드는 다음과 같습니다.
var s = 'abcabc';
console.log(s.lastIndexOf('a')); // => 3: 뒤에서 앞으로 검색
console.log(s.lastIndexOf('d')); // => -1: 찾을 수 없음은 -1을 반환합니다
console.log(s.lastIndexOf('a', 2)); // => 0: 2번째(3번째 문자)부터 앞으로 검색합니다.

4.6 localeCompare(value): 인스턴스와 매개변수를 비교하고 비교 결과를 반환합니다 매개변수:


①값 {string}: 비교할 문자열

반환 값:

0: 인스턴스가 매개변수보다 큽니다.

 1: 인스턴스와 매개변수가 동일함

-1: 인스턴스가 매개변수보다 작습니다

예:

var s='abc';
console.log(s.localeCompare('ab')); // => 1: 인스턴스가 매개변수보다 큽니다
console.log(s.localeCompare('abc')); // => 0: 인스턴스와 매개변수가 동일합니다
console.log(s.localeCompare('abd')); // => -1: 인스턴스가 매개변수보다 작습니다


4.7 match(regexp): 일치 검색에 정규식을 사용합니다 매개변수:


①regexp {regexp}: 정규식, 예: /d /

반환 값:

정규식에 'g' 속성이 있는지 여부에 따라 일치하는 항목이 없으면 다른 결과가 반환됩니다.

①정규 표현식에는 'g' 속성이 없으며 일치를 수행하고 {single match} 결과 객체를 반환합니다. 객체에는 다음 속성이 포함됩니다.

배열 일련번호: 일치 결과를 나타내며, 0은 일치하는 텍스트, 1은 오른쪽에서 오른쪽으로 첫 번째 괄호의 일치 결과, 2는 두 번째 괄호 등

인덱스 속성: 일치하는 텍스트가 일치하는 소스의 시작 위치에 있음을 나타냅니다.

입력 속성: 일치하는 소스를 나타냅니다.

②정규식은 'g' 속성을 가지며, 전역 일치를 수행하고, 문자열에서 일치하는 모든 개체를 찾고, {문자열 배열}을 반환합니다. 배열 요소에는 괄호 안의 정규식을 제외하고 문자열에서 일치하는 각 개체가 포함됩니다. 문자열은 인덱스 및 입력 속성도 제공하지 않습니다.

예:

코드 복사 코드는 다음과 같습니다.

// 1. 단일 일치
var s = 'a1b2c3d4';
var mc = s.match(/d /); // => 첫 번째 정규 경기 결과 가져오기
if (mc != null) {
console.log(mc.index); // => 1: 일치하는 소스의 시작 위치에 일치 결과가 있습니다
console.log(mc.input) // => a1b2c3d4: 일치하는 소스
console.log(mc[0]); // => 1: 일치하는 결과 가져오기
}
// 2. 글로벌 매칭
var mcArray = s.match(/d /g); // => 모든 정규 일치 숫자 가져오기
if (mcArray != null) {
for (var i = 0,len=mcArray.length; i < len; i ) {
      var mc=mcArray[i];
console.log(mc); // => 1,2,3,4: 일치하는 결과 가져오기
}
}
// 3. 괄호로 매칭
s = 'a1b2c3d4';
mc = s.match(/[a-z]([1-9])/); // => 첫 번째 정규 경기 결과 가져오기
if (mc != null) {
console.log(mc.index); // => 0: 일치하는 소스의 시작 위치에 일치 결과가 있습니다.
console.log(mc.input) // => a1b2c3d4: 일치하는 소스
console.log(mc[0]); // => a1: 일련번호 0은 일치된 결과를 나타냅니다
console.log(mc[1]); // => 1: 일련번호 1은 첫 번째 괄호의 하위 일치 결과를 나타냅니다.
}

4.8 replacement(regexp, replacementStr): 정규식과 일치하는 하위 문자열을 바꾸고 대체된 문자열을 반환합니다.
매개변수:

①regexp {regexp}: 정규식입니다. 예:/d/

②replaceStr {문자열 함수}:

1) 문자열인 경우 대체 문자열을 의미하며, 일치하는 모든 문자열이 이 문자열로 대체됩니다.

문자열의 $ 문자는 특별한 의미를 갖습니다.

$1,$2 ... $99: 왼쪽 괄호에서 ①매개변수의 일치하는 하위 항목을 나타냅니다

$& : ① 전체 매개변수와 일치하는 하위 항목을 나타냅니다

$$: 달러 기호

2) 함수라면 일치하는 결과마다 이 함수가 호출된다는 의미이며, 함수의 유일한 매개변수는 일치하는 결과이며, 대체 결과가 반환됩니다.

반환 값:

{string}은 대체된 문자열을 반환합니다.

예:

코드 복사 코드는 다음과 같습니다.
var oldStr = 'a1b2c3d4';
// 1. 정규 일치 항목이 [모든] 숫자와 일치하는 경우 ',' 쉼표로 바꿉니다.
var newStr = oldStr.replace(/d /g, ',');
console.log(newStr); // => a,b,c,d,
// 2. 일반 일치는 [모든] 숫자와 일치하고 이를 다음으로 대체합니다: 일치하는 결과 ',' 쉼표
newStr = oldStr.replace(/d /g, '$&,');
console.log(newStr); // => // 3. 일반 일치는 [모든] 숫자와 일치하고 일치하는 각 결과에 대해 함수를 호출하고 대체된 결과를 반환합니다
newStr = oldStr.replace(/d /g, 함수(단어) {
If (단어 % 2 == 0) {
         '짝수'를 반환합니다.
}
'홀수'를 반환합니다.
});
console.log(newStr); // => a 홀수 b 짝수 c 홀수 d 짝수


4.9 search(regexp): 정규식과 일치하는 첫 번째 위치를 반환합니다 매개변수:


①regexp {regexp}: 정규식입니다. 예:/d/

반환 값:

{int} 일치하는 첫 번째 결과의 위치를 ​​반환합니다. 일치하는 결과가 없으면 -1이 반환됩니다.

예:

console.log( 'abcd'.search(/d /) ) // => -1 : 숫자
를 찾을 수 없습니다. console.log( 'abcd1234'.search(/d /) ); // => 4: 위치 번호는 4, 첫 번째 번호의 위치를 ​​반환합니다

4.10 Slice(start, |end): 문자열의 시작 위치부터 끝 ​​이전 위치까지의 하위 문자열을 반환합니다
매개변수:

①start {int}: 부분 문자열 추출의 시작 위치 인덱스(이 위치의 문자 포함)입니다.

숫자가 음수이면 문자열의 끝부터 센다는 의미입니다. 예를 들어, -1은 마지막 문자열을 나타내고, -2는 마지막에서 두 번째 문자를 나타냅니다.

②end {int} 선택사항: 하위 문자열 추출의 끝 위치 인덱스(이 위치의 문자 제외).

숫자가 음수이면 문자열의 끝부터 센다는 의미입니다. 예를 들어, -1은 마지막 문자열을 나타내고, -2는 마지막에서 두 번째 문자를 나타냅니다.

이 매개변수를 생략하면 시작 위치부터 끝까지 모든 문자가 반환됩니다.

참고:

하위 문자열 추출 순서는 왼쪽부터 끝입니다. 시작 인덱스 위치가 끝 인덱스 위치보다 크면 빈 문자열이 반환됩니다.

반환 값:

{string}은 문자열의 시작 위치부터 끝 ​​이전 위치까지의 하위 문자열을 반환합니다.

예:

코드 복사 코드는 다음과 같습니다.

var s = 'abcdefg';
console.log( s.slice(1) ); // bcdefg: end 매개변수를 생략하고 끝 위치는 끝입니다
console.log( s.slice(1, 3) ); // bc: 위치 번호 1에서 위치 번호 2까지 하위 문자열을 반환합니다(이전 위치 종료)
console.log( s.slice(-3) ); // efg: 세 번째부터 끝까지 모든 문자를 반환합니다
console.log( s.slice(-3, -1) ); // ef:
세 번째부터 마지막, 두 번째까지(end의 이전 위치) 모든 문자를 반환합니다.

4.11 분할(구분자, |arrayLength): 특정 구분자에 따라 문자열을 문자열 배열로 분할하고
를 반환합니다. 매개변수:

①delimiter {regexp | string}: 지정된 구분 기호로 정규식 또는 문자열일 수 있습니다.

②arrayLength {int} 선택사항: 분할된 배열의 길이입니다. 생략하면 모든 분할 하위 문자열이 반환됩니다.

참고:

구분 기호가 문자열의 첫 번째 또는 마지막 문자에 있으면 빈 문자열이 반환된 배열에 추가됩니다.

반환 값:

{ string[] } 문자열로 구성된 배열을 반환합니다.

예:

코드 복사 코드는 다음과 같습니다.

console.log( 'a,b,c,d,e'.split(',') ) // =>
console.log( ',a,b,c,d,e,'.split(',') ) // => ["", "a", "b", "c", "d" , "e", ""]: 구분 기호가 시작 또는 끝에 있으면 빈 문자열
이 추가됩니다. console.log( 'a,b,c,d,e'.split(',',3) ) // => ["a", "b", "c"] : 처음 3개의 분할을 반환합니다.
의 하위 문자열 console.log( 'a1b2c3d4e'.split(/d/) ); // => ["a", "b", "c", "d", "e"] : 숫자를 구분 기호로 사용

4.12 substr(start, |wordLength): 문자열의 시작 위치부터 wordLength 길이까지 하위 문자열을 반환합니다.
매개변수:

①start {int}: 부분 문자열 추출의 시작 위치 인덱스(이 위치의 문자 포함)입니다.

숫자가 음수이면 문자열의 끝부터 센다는 의미입니다. 예를 들어, -1은 마지막 문자열을 나타내고, -2는 마지막에서 두 번째 문자를 나타냅니다.

②wordLength {int} 선택사항: 문자 길이를 추출합니다. 이 매개변수를 생략하면 시작 위치부터 끝까지 모든 문자가 반환됩니다.

반환 값:

{string}은 추출된 문자열을 반환합니다

예:

코드 복사 코드는 다음과 같습니다.

ar s = 'abcdefg';
onsole.log( s.substr(0) ); // => abcdefg: 두 번째 매개변수를 생략하고 위치 번호 0부터 마지막 ​​문자까지의 문자를 반환합니다.
onsole.log( s.substr(0, 3) ); // => abc: 위치 번호 0부터 시작하여 3자를 계산하여 반환
onsole.log( s.substr(2, 4) ); // => cdef: 위치 번호 2부터 시작하여 4자를 계산하여 반환합니다.
onsole.log( s.substr(-2, 3) ); // fg: 끝에서 두 번째 문자열부터 시작하여 3을 세어 반환합니다. (문자 길이를 초과하면 셀 수 있는 문자만 반환됩니다.)

4.13 substring(start, |end): 문자열의 시작 위치부터 end 전 위치까지의 하위 문자열을 반환합니다
매개변수:

①start {int}: 부분 문자열 추출의 시작 위치 인덱스(이 위치의 문자 포함)입니다. 음수일 수 없습니다. 음수일 경우 0으로 처리됩니다.

②end {int} 선택사항: 하위 문자열 추출의 끝 위치 인덱스(이 위치의 문자 제외). 음수일 수 없습니다. 음수일 경우 0으로 처리됩니다.

반환 값:

{string}은 문자열의 시작 위치부터 끝 ​​이전 위치까지의 하위 문자열을 반환합니다.

예:

코드 복사 코드는 다음과 같습니다.

var s = 'abcdefg';
console.log( s.substring(0) ); // => abcdefg: end 매개변수를 생략하고 위치 번호 0부터 마지막 ​​문자까지 반환
console.log( s.substring(0, 3) ); // => abc: 0번 위치부터 2번 위치까지의 문자
를 반환합니다. console.log( s.substring(2, 4) ); // => cd: 2번째 위치부터 3번째 위치까지의
문자를 반환합니다. console.log( s.substring(-3, 3) ); // abc: 매개변수가 음수이면 숫자 0으로 처리되므로 이 매개변수는 실제로 0번 위치부터 3번 위치까지의 문자를 반환합니다. 🎜>
4.14 toUpperCase(): 문자열을 대문자로 변환하고 반환

4.15 toUpperCase(): 문자열을 소문자로 변환하고
을 반환합니다. 4.16 Trim(): 문자열의 시작과 끝에서 공백 문자를 제거하고
을 반환합니다.

위 내용은 이 글의 전체 내용입니다. 이 글을 통해 모든 분들이 자바스크립트의 String 객체에 대해 새롭게 이해하실 수 있기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿