JavaScript String 대상

이 편집 은 주로 String 문자열 의 대상 을 소개 합 니 다.
목차
1. 소개: String 대상 의 설명 과 정의 방식 을 논술 한다.
2. 인 스 턴 스 속성: String 대상 의 인 스 턴 스 속성 을 소개 합 니 다. length。
3. 인 스 턴 스 방법: String 대상 의 인 스 턴 스 방법: charAt, charCodeAt, concat, index Of 등 방법 을 소개 합 니 다.
 
1. 소개
설명
String 대상, 문자열 을 조작 합 니 다. 예 를 들 어 한 단락 의 문자열 을 캡 처 하고 문자열 / 문 자 를 찾 으 며 대소 문자 변환 등 입 니 다.
1.2 정의 방식
1.2.1 new String (Value) 구조 함수: Value 라 는 내용 의 String 대상 을 되 돌려 줍 니 다.
인자:
① value {String}: 문자열
반환 값:
{String 대상} Value 라 는 내용 의 String 대상 을 되 돌려 줍 니 다.
예시:

var demoStr = new String('abc');
console.log(typeof demoStr); // => object
console.log(demoStr); // => abc

 
1.2.2 직접 할당 (추천)
예시:

var demoStr = 'abc';
console.log(typeof demoStr); // string
console.log(demoStr); // => abc

 
2. 인 스 턴 스 속성
2.1 length: 문자열 의 문자 수 를 되 돌려 줍 니 다.

var s = 'abc';
console.log(s.length); // => 3
console.log('    '.length); // => 4 ：          1   
console.log(''.length); // => 0 ：      0

 
3. 실례 방법
메모: 문자열 의 인 스 턴 스 방법 은 문자열 자 체 를 바 꾸 지 않 고 작업 후의 결과 만 되 돌려 줍 니 다.
3.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     

 
3.2 charCodeAt (index): 문자열 에서 지정 한 위치 문자 의 유 니 코드 인 코딩 을 되 돌려 줍 니 다.
인자:
① index {int}: 위치 색인, 0 부터 계산
반환 값:
{number}  지정 한 위치 문자 의 유 니 코드 인 코딩 을 되 돌려 줍 니 다.존재 하지 않 는 위치 수 치 를 입력 하면 NaN 으로 돌아 갑 니 다.
예시:

var s = 'abc';
console.log(s.charCodeAt(0)); // => 98 ：  b Unicode  
console.log(s.charCodeAt(5)); // => NaN ：            ，  NaN

 
3.3 concat (value 1, value 2... value N): 하나 이상 의 문자열 을 연결 하고 연 결 된 문자열 을 되 돌려 줍 니 다.
인자:
①value1,value2 ... valueN {string}: 하나 이상 의 문자열
반환 값:
{string}  연 결 된 문자열 되 돌리 기
예시:

var s = 'abc';
console.log(s.concat('d')); // => abcd
console.log(s); // => abc ：         
console.log(s.concat('d', 'e')); // => abcde

 
3.4 indexOf(value , |startPosition ) ：인 스 턴 스 에서 문자열 이나 문 자 를 뒤로 찾 고 찾 은 위 치 를 되 돌려 줍 니 다 (0 부터 계산 합 니 다). 찾 지 못 하면 되 돌려 줍 니 다 - 1
인자:
①value  {string}: 찾 은 문자열
②startPosition {int} 선택 가능: 찾기 시작 하 는 시작 위치 입 니 다. 기본 값 은 위치 0 부터 찾 습 니 다.
반환 값:
{int}  찾 은 위 치 를 되 돌려 줍 니 다 (0 부터 계산 합 니 다). 찾 지 못 하면 되 돌려 줍 니 다 - 1
예시:

var s = 'abc';
console.log(s.indexOf('b')); // => 1
console.log(s.indexOf('d')); // => -1 ：   
console.log(s.indexOf('b', 2)); // => -1 ：   2( 3    )    

 
3.5 lastIndex Of (value, | startPosition): 인 스 턴 스 에서 문자열 이나 문 자 를 뒤로 찾 고 찾 은 위 치 를 되 돌려 줍 니 다 (0 부터 계산 합 니 다). 찾 지 못 하면 되 돌려 줍 니 다 - 1
인자:
①value  {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    )      

 
3.6 locale compare (value): 인 스 턴 스 와 파 라 메 터 를 비교 하여 비교 결 과 를 되 돌려 줍 니 다.
인자:
①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 ：      

　　
3.7 match (regexp): 정규 표현 식 을 사용 하여 일치 하 는 찾기
인자:
①regexp {regexp}: 정규 표현 식, eg: / \ d + /
반환 값:
정규 표현 식 에 속성 'g' 가 있 는 지 여부 에 따라 다른 결 과 를 되 돌려 줍 니 다. 일치 하지 않 으 면 {null} 을 되 돌려 줍 니 다.
① 정규 표현 식 은 속성 'g' 가 없 으 며 매 칭 을 한 번 실행 하고 {단일 매 칭} 결과 대상 을 되 돌려 줍 니 다. 대상 은 다음 과 같은 속성 을 포함 합 니 다.
배열 번호: 일치 하 는 결 과 를 나타 내 고 0 은 일치 하 는 텍스트 이 며 1 은 오른쪽 첫 번 째 괄호 와 일치 하 는 결 과 를 나타 내 고 2 는 두 번 째 괄호 입 니 다. 이에 따라 유추 합 니 다.
index 속성: 원본 과 일치 하 는 텍스트 의 시작 위 치 를 표시 합 니 다.
input 속성: 일치 하 는 원본 표시
② 정규 표현 식 은 속성 'g' 을 가지 고 있 습 니 다. 전역 매 칭 을 실행 하고 문자열 의 모든 매 칭 대상 을 찾 아 {문자열 배열} 을 되 돌려 줍 니 다. 배열 요 소 는 string 의 모든 매 칭 대상 을 포함 하고 정규 표현 식 괄호 안의 문자열 을 포함 하지 않 으 며 index 와 input 속성 을 제공 하지 않 습 니 다.
예시:

// 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 ：        
    }
}

// 2.      
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              
}

 
3.8 replace (regexp, replace Str): 정규 표현 식 과 일치 하 는 하위 문자열 을 바 꾸 고 교 체 된 문자열 을 되 돌려 줍 니 다.
인자:
①regexp {regexp}: 정규 표현 식 입 니 다. eg: / \ d + /
②replaceStr {string | function} ：
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); // => a1,b2,c3,d4,

// 2.     【  】  ，           ，         
newStr = oldStr.replace(/\d+/g, function (word) {
    if (word % 2 == 0) {
        return ' ';
    }
    return ' ';
});
console.log(newStr); // => a b c d 

 
3.9 search (regexp): 정규 표현 식 의 첫 번 째 일치 하 는 위 치 를 되 돌려 줍 니 다.
인자:
①regexp {regexp}: 정규 표현 식 입 니 다. eg: / \ d + /
반환 값:
{int} 첫 번 째 일치 하 는 결과 의 위 치 를 되 돌려 줍 니 다. 일치 하 는 결 과 를 찾 지 못 하면 되 돌려 줍 니 다 - 1
예시:

console.log( 'abcd'.search(/\d+/) ); // => -1 ：      
console.log( 'abcd1234'.search(/\d+/) ); // => 4 ：     4，          

 
3.10 slice (start, | end): 문자열 start 위치 에서 end 이전 위치 로 돌아 가 는 하위 문자열
인자:
①start {int}: 하위 문자열 에서 추출 한 시작 위치 색인 (이 위치의 문자 포함).
숫자 가 마이너스 라면 문자열 의 끝 부분 부터 계산 하 는 것 을 의미 합 니 다. 예 를 들 어 - 1 은 역수 문자열 을 표시 하고 - 2 는 역수 두 번 째 문 자 를 표시 합 니 다.
②end {int} 선택 가능: 하위 문자열 에서 추출 한 끝 위치 색인 (이 위치의 문 자 는 포함 되 지 않 음).
숫자 가 마이너스 라면 문자열 의 끝 부분 부터 계산 하 는 것 을 의미 합 니 다. 예 를 들 어 - 1 은 역수 문자열 을 표시 하고 - 2 는 역수 두 번 째 문 자 를 표시 합 니 다.
이 인 자 를 생략 하면 start 위치 에서 끝 날 때 까지 모든 문 자 를 되 돌려 줍 니 다.
주의:
하위 문자열 의 추출 순 서 는 왼쪽 에서 있 습 니 다. start 색인 위치 가 end 색인 위치 보다 크 면 빈 문자열 을 되 돌려 줍 니 다.
반환 값:
{string} 문자열 start 위치 에서 end 이전 위치 로 의 하위 문자열 을 되 돌려 줍 니 다.
예시:

var s = 'abcdefg';
console.log( s.slice(1) ); // bcdefg ：  end  ，       
console.log( s.slice(1, 3) ); // bc ：       1     2(end     )   
console.log( s.slice(-3) ); // efg ：                  
console.log( s.slice(-3, -1) ); // ef ：              (end     )     

 
3.11 split (delimiter, | array Length): 문자열 을 특정한 구분자 에 따라 문자열 로 구 성 된 배열 로 나 누 어 되 돌려 줍 니 다.
인자:
① delimiter {regexp | string}: 지정 한 구분자 로 정규 표현 식 이나 문자열 이 될 수 있 습 니 다.
② array Length {int} 선택 가능: 배열 의 길 이 를 분할 합 니 다. 생략 하면 모든 분 단 된 하위 문자열 을 되 돌려 줍 니 다.
주의:
문자열 의 첫 번 째 또는 마지막 에 구분자 가 있 으 면 돌아 오 는 배열 에 빈 문자열 을 추가 합 니 다.
반환 값:
{string []} 문자열 로 구 성 된 배열 을 되 돌려 줍 니 다.
예시:

console.log( 'a,b,c,d,e'.split(',') ); // => ["a", "b", "c", "d", "e"]
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"] ：         

 
3.12 substr (start, | wordLength): 문자열 start 위치 부터 wordLength 개 길이 로 계 산 된 하위 문자열 을 되 돌려 줍 니 다.
인자:
①start {int}: 하위 문자열 에서 추출 한 시작 위치 색인 (이 위치의 문자 포함).
숫자 가 마이너스 라면 문자열 의 끝 부분 부터 계산 하 는 것 을 의미 합 니 다. 예 를 들 어 - 1 은 역수 문자열 을 표시 하고 - 2 는 역수 두 번 째 문 자 를 표시 합 니 다.
② wordLength {int} 선택 가능: 문자 의 길 이 를 추출 합 니 다. 이 인 자 를 생략 하면 start 위치 에서 끝 난 모든 문 자 를 되 돌려 줍 니 다.
반환 값:
{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 (      ，          )

 
3.13 substring (start, | end): 문자열 start 위치 에서 end 이전 위치 로 돌아 가 는 하위 문자열
인자:
①start {int}: 하위 문자열 에서 추출 한 시작 위치 색인 (이 위치 문자 포함) 입 니 다. 숫자 는 마이너스 일 수 없습니다. 마이너스 일 경우 0 으로 처리 합 니 다.
② end {int} 선택 가능: 하위 문자열 에서 추출 한 끝 위치 색인 (이 위치 에 있 는 문 자 는 포함 되 지 않 음). 숫자 는 마이너스 일 수 없습니다. 마이너스 일 경우 0 으로 처리 합 니 다.
반환 값:
{string} 문자열 start 위치 에서 end 이전 위치 로 의 하위 문자열 을 되 돌려 줍 니 다.
예시:

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   

 
3.14 toUpperCase (): 문자열 을 대문자 로 변환 하고 되 돌려 줍 니 다.
3.15 toLowerCase (): 문자열 을 소문 자로 변환 하고 되 돌려 줍 니 다.
3.16 trim (): 문자열 의 시작 과 끝 에 있 는 공백 문 자 를 제거 하고 되 돌려 줍 니 다.
 
End
웹 개발 의 길 시리즈
메뉴 불 러 오 는 중...