최신 웹 개발 튜토리얼
 

JavaScript문자열 방법


문자열 방법은 문자열로 작업하는 데 도움이됩니다.


문자열 메서드 및 속성

같은 원시 값, "John Doe" (그렇지 않은 개체 때문에), 속성이나 메서드를 가질 수 없습니다.

메서드와 속성을 실행할 때 자바 스크립트 객체로 원시 값을 처리하기 때문에하지만 자바 스크립트, 방법 및 특성은 또한 원시 값을 사용할 수 있습니다.


문자열 길이

length 속성은 문자열의 길이를 반환

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
»그것을 자신을 시도

문자열에서 문자열 찾기

indexOf() 메소드 (위치) 문자열의 지정된 텍스트의 첫 번째 항목의 인덱스를 반환합니다 :

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
»그것을 자신을 시도

lastIndexOf() 메서드는 문자열에서 지정된 텍스트의 마지막에 검출 된 위치의 인덱스를 반환합니다 :

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
»그것을 자신을 시도

모두 indexOf()lastIndexOf() 메소드는 -1을 반환 텍스트가 발견되지 않는 경우.

자바 스크립트는 0에서 위치를 계산합니다.
0 2 3 번째, 문자열의 첫 번째 위치가 1 번째이다 ..

두 방법 모두 검색의 시작 위치로 두 번째 매개 변수를 받아들입니다.


문자열에서 문자열을 검색

search() 메소드는 지정된 값에 대한 문자열을 검색하고 일치의 위치를 반환합니다 :

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");
»그것을 자신을 시도

당신은 주목 했습니까?

두 가지 방법, indexOf()search() 동일하다.

그들은 같은 인수 (매개 변수)를 받아, 그것들은 같은 값을 반환한다.

두 가지 방법은 동일하지만, search() 메소드는 훨씬 더 강력한 검색 값을 취할 수있다.

당신은 정규 표현식에 대한 장에서 강력한 검색 값에 대한 자세한 내용을 배울 것입니다.


문자열 부분을 추출

문자열의 일부를 추출하기위한 3 가지 방법이 있습니다 :

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

slice() 메소드

slice() 문자열의 일부를 추출하여 새로운 문자열에서 추출 된 부분을 반환합니다.

시작 인덱스 (위치) 및 종료 인덱스 (위치)에있어서이 파라미터 걸린다.

이 예는 위치 7 위치 (13)에 문자열의 일부를 슬라이스 화 :

var str = "Apple, Banana, Kiwi";
var res = str.slice(7,13);

입술의 결과는 다음과 같습니다

Banana
»그것을 자신을 시도

파라미터가 음수 인 경우, 위치는 문자열의 끝에서부터 카운트된다.

이 예는 -6을 배치 할 위치 -12에서 문자열의 일부를 슬라이스 화 :

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12,-6);

입술의 결과는 다음과 같습니다

Banana
»그것을 자신을 시도

두 번째 매개 변수를 생략하면, 상기 방법은 문자열의 나머지를 슬라이스한다 :

var res = str.slice(7);
»그것을 자신을 시도

또는 끝에서 카운트 :

var res = str.slice(-12);
»그것을 자신을 시도

음의 위치는 인터넷 익스플로러 8 이전 버전 작동하지 않습니다.


substring() 메소드

substring() 와 유사 slice() .

차이가 있다는 것입니다 substring() 음의 인덱스를 받아 들일 수 없습니다.

var str = "Apple, Banana, Kiwi";
var res = str.substring(7,13);

의 결과 res 될 것입니다 :

Banana
»그것을 자신을 시도

두 번째 매개 변수를 생략하면, substring() 문자열의 나머지 부분을 슬라이스합니다.


substr() 메소드

substr() 유사하다 slice() .

차이는 두 번째 매개 변수가 지정하는 것입니다 length 추출 된 부분을.

var str = "Apple, Banana, Kiwi";
var res = str.substr(7,6);

입술의 결과는 다음과 같습니다

Banana
»그것을 자신을 시도

첫 번째 파라미터가 음수이면 위치는 문자열의 끝에서 카운트한다.

이 길이를 정의하기 때문에 두 번째 매개 변수는 음수가 될 수 없습니다.

두 번째 매개 변수를 생략하면, substr() 문자열의 나머지 부분을 슬라이스합니다.


문자열 내용을 교체

replace() 메서드는 문자열에서 다른 값으로 지정된 값을 대체합니다 :

str = "Please visit Microsoft!";
var n = str.replace("Microsoft","w3ii");
»그것을 자신을 시도

replace() 메소드는 검색 값과 같은 정규 표현식을 취할 수 있습니다.

기본적으로는 replace() 함수는 첫 번째 일치를 대체합니다. 모든 일치를 교체하려면, (글로벌 경기에 대한) AG의 국기와 함께 정규 표현식을 사용합니다

str = "Please visit Microsoft!";
var n = str.replace(/Microsoft/g,"w3ii");
»그것을 자신을 시도

replace() 메소드는에 호출되는 문자열을 변경하지 않습니다. 그것은 새로운 문자열을 반환합니다.


대소 문자로 변환

문자열이 함께 대문자로 변환 toUpperCase() :

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper
»그것을 자신을 시도

문자열을 가진 경우 낮은 변환됩니다 toLowerCase() :

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower
»그것을 자신을 시도

concat() 메소드

concat() 두 개 이상의 문자열을 결합 :

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);
»그것을 자신을 시도

concat() 메소드가 대신 더하기 연산자를 사용할 수 있습니다. 이 두 라인은 동일한 작업을 수행 :

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

모든 문자열 방법은 새 문자열을 반환합니다. 그들은 원래의 문자열을 수정하지 않습니다.
공식적으로 밝혔다 끈는 불변 끈은 교체, 변경할 수 없습니다.


문자열의 문자를 추출

문자열의 문자를 추출하기위한 2 안전한 방법이 있습니다 :

  • charAt(position)
  • charCodeAt(position)

charAt() 메소드

charAt() 메서드는 문자열에서 지정된 인덱스 (위치)에있는 문자를 돌려줍니다 :

var str = "HELLO WORLD";
str.charAt(0);            // returns H
»그것을 자신을 시도

charCodeAt() 메서드

charCodeAt() 메서드는 문자열에서 지정된 인덱스에있는 문자의 유니 코드를 반환합니다 :

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72
»그것을 자신을 시도

배열은 안전하지 않은 그대로 문자열에 액세스

당신은 배열로 문자열을 액세스,이 같은 코드를 본 적이 있습니다 :

var str = "HELLO WORLD";

str[0];                   // returns H

이것은 안전하고 예측할 수 :

  • 그것은 (하지 IE5, IE6, IE7에서) 모든 브라우저에서 작동하지 않습니다
  • 그것은 문자열 배열처럼 보이게 (하지만 그들은되지 않습니다)
  • str[0] = "H" 오류를 제공하지 않습니다 (하지만 작동하지 않습니다)

당신이 배열로 문자열을 읽으려면 먼저 배열로 변환합니다.


문자열을 배열로 변환

문자열이 포함 된 배열로 변환 할 수 있습니다 split() 방법 :

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe
»그것을 자신을 시도

분리가 생략되면, 반환 된 배열 인덱스 [0]의 전체 문자열이 포함됩니다.

분리 "가"인 경우, 반환 된 배열은 단일 문자의 배열 될 것입니다 :

var txt = "Hello";       // String
txt.split("");           // Split in characters
»그것을 자신을 시도

전체 문자열 참조

완전한 참고로, 우리로 이동 전체 자바 스크립트 문자열 참조 .

기준은 모든 문자열 속성과 메서드의 설명과 예제가 들어 있습니다.


연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4» 운동 5» 운동 6»