JavaScript 문자열 객체에 대한 심층 분석_기본
- WBOY원래의
- 2016-05-16 16:10:561395검색
문자열 문자열 객체
1. 소개
문자열 개체는 하위 문자열 가로채기, 문자열/문자 검색, 대소문자 변환 등 문자열에 대한 작업을 수행합니다.
2. 정의
2.1 새로운 String(Value) 생성자: 내용이 Value인 String 객체를 반환합니다
매개변수:
①값 {문자열}: 문자열
반환 값:
{String object}는 내용이 Value인 String 객체를 반환합니다
예:
var decoStr = new String('abc');
console.log(typeofdemStr); // => console.log(demoStr); // =>
console.log(demoStr); // =>
3.1 길이: 문자열의 문자 수를 반환합니다
4. 인스턴스 메소드
참고: string의 인스턴스 메서드는 문자열 자체를 변경하지 않고 작업 결과만 반환합니다. 4.1 charAt(index): 문자열의 지정된 위치에 있는 문자를 반환합니다. 숫자는 0부터 시작합니다. 존재하지 않는 값이 전달되면 빈 문자열이 반환됩니다.
매개변수:①index {int}: 위치 인덱스, 0부터 계산
반환 값:
{string}은 문자열의 지정된 위치에 있는 문자를 반환합니다. 존재하지 않는 위치 값이 전달되면 빈 문자열이 반환됩니다.
예:
코드 복사
4.2 charCodeAt(index): 문자열의 지정된 위치에 있는 문자의 유니코드 인코딩을 반환합니다
매개변수:
반환 값:
{number} 문자열의 지정된 위치에 있는 문자의 유니코드 인코딩을 반환합니다. 존재하지 않는 위치 값이 전달되면 NaN
이 반환됩니다.예:
코드 복사
4.3 concat(value1, value2 ... valueN): 하나 이상의 문자열을 연결하고 연결된 문자열을 반환합니다.
매개변수:
반환 값:
{string} 연결된 문자열을 반환합니다.
예:
코드 복사
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번째 문자)부터
검색 시작
매개변수:
②startPosition {int} 선택사항: 검색을 시작할 시작 위치, 기본값은 끝부터 검색을 시작하는 것입니다
반환 값:
{int} 발견된 위치를 반환합니다(0부터 계산). 찾을 수 없으면 -1을 반환합니다
예:
console.log(s.lastIndexOf('a')); // => 3: 뒤에서 앞으로 검색
console.log(s.lastIndexOf('d')); // => -1: 찾을 수 없음은 -1을 반환합니다
console.log(s.lastIndexOf('a', 2)); // => 0: 2번째(3번째 문자)부터 앞으로 검색합니다.
①값 {string}: 비교할 문자열
반환 값:
0: 인스턴스가 매개변수보다 큽니다.
1: 인스턴스와 매개변수가 동일함
-1: 인스턴스가 매개변수보다 작습니다
예:
console.log(s.localeCompare('abc')); // => 0: 인스턴스와 매개변수가 동일합니다
console.log(s.localeCompare('abd')); // => -1: 인스턴스가 매개변수보다 작습니다
①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}은 대체된 문자열을 반환합니다.
예:
// 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 짝수
①regexp {regexp}: 정규식입니다. 예:/d/
반환 값:
{int} 일치하는 첫 번째 결과의 위치를 반환합니다. 일치하는 결과가 없으면 -1이 반환됩니다.
예:
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.15 toUpperCase(): 문자열을 소문자로 변환하고
을 반환합니다.
4.16 Trim(): 문자열의 시작과 끝에서 공백 문자를 제거하고
을 반환합니다.