> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 문자열을 가로채는 방법은 무엇입니까?

자바스크립트에서 문자열을 가로채는 방법은 무엇입니까?

青灯夜游
풀어 주다: 2023-01-07 11:44:31
원래의
10828명이 탐색했습니다.

JavaScript로 문자열을 가로채는 방법: 1. 지정된 길이에 따라 부분 문자열을 가로채기 위해 substr() 메서드를 사용합니다. 2. 지정된 시작 및 끝 첨자 위치에 따라 string() 메서드를 사용하여 가로채기합니다. . 사용 substring() 메서드는 지정된 시작 및 끝 첨자 위치를 기반으로 문자열을 가로챕니다.

자바스크립트에서 문자열을 가로채는 방법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 문자열을 가로채는 세 가지 방법이 있습니다.

  • slice(): 하위 문자열 추출

  • substr(): 하위 문자열 추출

  • substring(): 문자열 반환 하위 문자열

그 중 substr() 메서드는 지정된 길이에 따라 부분 문자열을 가로챌 수 있는 반면, Slice() 및 substring() 메서드는 모두 지정된 시작 및 끝 첨자 위치에 따라 문자열을 가로챌 수 있습니다. 아래에서 자세한 소개를 부탁드리겠습니다.

지정된 길이의 문자열 가로채기

substr() 메서드는 지정된 길이에 따라 하위 문자열을 가로챌 수 있습니다. 여기에는 두 개의 매개변수가 포함되어 있습니다. 첫 번째 매개변수는 차단할 하위 문자열의 시작 첨자를 나타내고, 두 번째 매개변수는 차단 길이를 나타냅니다.

예제 1

다음 예에서는 lastIndexOf()를 사용하여 문자열의 마지막 마침표의 아래 첨자 위치를 가져온 다음 그 뒤 위치부터 4자를 가로챕니다.

var s = "http://c.biancheng.net/index.html";
var b = s.substr(s.lastIndexOf(".") + 1,4);  //截取最后一个点号后4个字符
console.log(b);  //返回子字符串“html”
로그인 후 복사

두 번째 매개변수를 생략하면 시작 위치부터 끝까지 모든 문자를 가로채겠다는 의미입니다. 확장자의 길이가 고정되어 있지 않다는 점을 고려하면 두 번째 매개변수를 생략하는 것이 더 유연할 것입니다.

var b = s.substr(s.lastIndexOf(".") + 1);
로그인 후 복사

첫 번째 매개변수가 음수 값이면 첨자 위치가 문자열 끝에서부터 계산된다는 의미입니다. 즉, -1은 마지막 문자, -2는 마지막에서 두 번째 문자 등을 의미합니다. 이는 왼쪽 문자 길이가 고정되지 않은 경우에 유용합니다.

ECMAScript는 더 이상 이 방법 사용을 권장하지 않습니다. Slice() 및 substring() 방법을 사용하는 것이 좋습니다.

시작 및 끝 첨자 위치에서 문자열을 가로채기

slice() 및 substring() 메서드는 모두 지정된 시작 및 끝 첨자 위치를 기반으로 문자열을 가로챕니다. 둘 다 첫 번째 매개 변수를 포함할 수 있습니다. 매개변수는 시작 첨자를 나타내고, 두 번째 매개변수는 끝 첨자를 나타냅니다.

예제 2

다음 코드는 substring() 메서드를 사용하여 URL 문자열의 웹 사이트 호스트 이름 정보를 가로챕니다.

var s  = "http://c.biancheng.net/index.html";
var a = s.indexOf("c");
var b = s.indexOf("/", a);
var c = s.substring(a,b);
var d = s.slice(a,b);
로그인 후 복사
  • 가로채운 문자열에는 첫 번째 매개변수에 지정된 문자가 포함되어 있습니다. 끝점은 잘리지 않습니다. 즉, 문자열에 포함되지 않습니다.

  • 두 번째 매개변수가 생략되면 모든 문자열을 끝까지 가로채겠다는 뜻입니다.

첫 번째 매개변수 값이 두 번째 매개변수 값보다 큰 경우 substring() 메서드는 가로채기를 수행하기 전에 두 매개변수를 교환할 수 있지만, Slice() 메서드의 경우 유효하지 않은 것으로 무시되고 빈 문자열을 반환합니다.

예제 3

다음 코드는 substring() 메소드와 Slice() 메소드의 사용법을 비교합니다.

var s = "http://c.biancheng.net/index.html";
var a = s.indexOf("c");
var b = s.indexOf("/", a);
var c = s.substring(b, a);
var d = s.slice(b, a);
로그인 후 복사
  • 시작점과 끝점의 값 크기를 알 수 없는 경우에는 substring() 메서드를 사용하는 것이 더 적절합니다.

  • 매개변수 값이 음수인 경우, Slice() 메소드는 음수 부호를 오른쪽에서 위치하는 것으로 해석할 수 있으며 이는 Array의 Slice() 메소드와 동일합니다. 그러나 substring() 메서드는 이를 유효하지 않은 것으로 처리하고 빈 문자열을 반환합니다.

예제 4

다음 코드는 substring() 메소드와 Slice() 메소드의 사용법을 비교합니다.

var s = "http://c.biancheng.net/index.html";
var a = s.indexOf("c");
var b = s.indexOf("/", a);
var 1 = s.length;
var c = s.substring(a-1, b-1);
var d = s.slice(a-1, b-1);
로그인 후 복사

【추천 학습: javascript 고급 튜토리얼

위 내용은 자바스크립트에서 문자열을 가로채는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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