>  기사  >  웹 프론트엔드  >  js_javascript 스킬의 substr, substring, indexOf, lastIndexOf, 분할 및 교체 사용법에 대한 자세한 설명

js_javascript 스킬의 substr, substring, indexOf, lastIndexOf, 분할 및 교체 사용법에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 15:33:111487검색

indexOf() 메서드는 문자열에서 지정된 문자열 값이 처음 나타나는 위치를 반환합니다.

lastIndexOf() 메서드는 문자열의 지정된 위치에서 뒤에서 앞으로 검색하여 지정된 문자열 값이 마지막으로 나타나는 위치를 반환할 수 있습니다.

substring() 메서드는 문자열에서 지정된 두 첨자 사이의 문자를 추출하는 데 사용됩니다.

substr(start,length)는 시작 위치에서 시작하여 length 길이의 문자열을 가로채는 것을 의미합니다

split은 문자열을 하위 문자열로 분할하고 결과를 문자열 배열로 반환합니다

replace는 일부 문자를 문자열의 다른 문자로 바꾸거나 정규 표현식과 일치하는 하위 문자열을 바꾸는 데 사용됩니다.

1.substr

substr(start,length)는 시작 위치에서 시작하여 length 길이의 문자열을 가로채는 것을 의미합니다.

var src="images/off_1.png";
경고(src.substr(7,3));

팝업 값: off

2.하위 문자열

substring(start,end)는 시작 위치의 문자는 포함하지만 끝 위치의 문자는 제외하여 처음부터 끝까지 문자열을 나타냅니다.

var src="images/off_1.png";
경고(src.substring(7,10));

팝업 값: off

3.indexOF

indexOf() 메서드는 지정된 문자열 값이 문자열에서 처음 나타나는 위치(왼쪽에서 오른쪽으로)를 반환합니다. 일치하는 항목이 없으면 -1이 반환되고, 그렇지 않으면 처음 나타나는 문자열의 아래 첨자 값이 반환됩니다.

var src="images/off_1.png";
경고(src.indexOf('t'));
경고(src.indexOf('i'));
경고(src.indexOf('g'));

팝업 값은 -1,0,3

4.lastIndexOf

lastIndexOf() 메서드는 특정 문자나 문자열의 첫 번째 문자 인덱스 값을 오른쪽에서 왼쪽으로(indexOf의 반대) 반환합니다.

var src="images/off_1.png";
경고(src.lastIndexOf('/'));
경고(src.lastIndexOf('g'));

팝업 값은 6, 15

5.분할

문자열을 하위 문자열로 분할하고 결과를 문자열 배열로 반환합니다.

공백으로 구분된 문자열을 반환하고 반환

function SplitDemo(){
  var s, ss;
  var s = "The rain in Spain falls mainly in the plain.";
  // 在每个空格字符处进行分解。
  ss = s.split(" ");
  return(ss);
}

6.교체:

은 일부 문자를 문자열의 다른 문자로 바꾸거나 정규식과 일치하는 하위 문자열을 바꾸는 데 사용됩니다.

구문: stringObject.replace(regexp, replacement);

매개변수:

regexp: 필수, 교체할 패턴의 RegExp 개체

replacement: 필수, 대체 텍스트 또는 대체 텍스트를 생성하는 기능

반환 값:

정규 표현식의 첫 번째 일치 항목이나 이후의 모든 일치 항목을 대체 항목으로 대체하여 얻은 새 문자열입니다.

설명:

문자열 stringObject의 replacement() 메서드는 검색 및 바꾸기 작업을 수행합니다. 정규식과 일치하는 stringObject의 하위 문자열을 찾고 해당 하위 문자열을 대체 문자열로 바꿉니다. 정규식에 전역 플래그 g가 있는 경우, replacement() 메서드는 일치하는 모든 하위 문자열을 바꿉니다. 그렇지 않으면 일치하는 첫 번째 하위 문자열만 바꿉니다.

위는 이번 글에서 소개한 js의 substr, substring, indexOf, lastIndexOf, Split, replacement 사용법에 대한 자세한 설명입니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.