> 웹 프론트엔드 > JS 튜토리얼 > JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

青灯夜游
풀어 주다: 2021-08-19 09:03:17
원래의
2471명이 탐색했습니다.

이전 글 "JS 문자열 학습: 주어진 첨자 사이의 부분 문자열을 반환하는 방법"에서는 지정된 첨자 위치 사이의 문자열을 가로채서 추출된 부분(부분 문자열)을 반환하는 방법을 소개했습니다. 이번에는 계속해서 자바스크립트 문자열을 배워서 문자열을 가로채는 또 다른 방법을 배워보겠습니다. 관심 있는 친구들은 배워보세요~

이 글의 주제는 지정된 길이에 따라 문자열을 가로채는 방법을 소개한 후, 이 방법을 사용하면 파일 확장자를 얻는 방법을 확인할 수 있습니다.

먼저, 지정된 길이의 하위 문자열을 가로채서 반환하는 방법을 살펴보겠습니다. 아래에서 자세한 소개를 부탁드리겠습니다.

예를 살펴보겠습니다:

var str="Hello world!";
var n=str.substr(2,3)
console.log(n);
로그인 후 복사

출력 결과:

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

볼 수 있습니다: 세 번째 문자부터 시작하는 str.substr(2,3)를 사용합니다. 3자를 가로채므로 반환된 하위 문자열은 "llo"입니다. str.substr(2,3)从第三字符开始,截取了3个字符,因此返回的子串为“llo”。

我们来了解一下substr()方法。

str.substr(start,length)方法能够根据指定长度来截取子字符串。它包含两个参数,第一个参数start不可省略,表示准备截取的子字符串起始下标;第二个参数length可省略,表示截取的长度,即需要截取的字符数。

如果省略第二个参数length,那么就会从start开始,截取后面全部的字符。

var str="Hello world!";
var n=str.substr(2)
console.log(n);
로그인 후 복사

输出结果:

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

如果如果第一个参数start为负值,则表示从字符串的尾部开始计算下标位置,即 -1表示最后一个字符,-2 表示倒数第二个字符,以此类推。(这对于左侧字符长度不固定时非常有用。)

var str="Hello world!";
var n1=str.substr(-1,1);
var n2=str.substr(-2,1);
var n3=str.substr(-3,2);
console.log(n1);
console.log(n2);
console.log(n3);
로그인 후 복사

输出结果:

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

通过上文,我们知道可以使用substr()方法来截取指定长度子串,并返回该子串。下面我们来看看利用这种方法怎样来获取文件扩展名。

我们可以使用substr()和lastIndexOf()方法获取文件的扩展名,例如有下面一个文件url

../img/JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.
로그인 후 복사

使用下面语句就可获取文件的扩展名:

var str="../img/JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.";
var b = str.substr(str.lastIndexOf(".") ,4);  //截取最后一个点号开始4个字符
console.log(b);  //返回子字符串“.png”
로그인 후 복사

分析:使用str.lastIndexOf(".")

substr() 메소드를 살펴보겠습니다.

str.substr(start,length) 메소드는 지정된 길이에 따라 하위 문자열을 가로챌 수 있습니다. 여기에는 두 개의 매개변수가 포함되어 있습니다. 첫 번째 매개변수인 start는 생략할 수 없으며, 두 번째 매개변수인 length는 생략할 수 있음을 나타냅니다. 길이, 즉 가로채야 하는 문자 수입니다.

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.두 번째 매개변수 length를 생략하면 이후의 모든 문자는 처음부터 차단됩니다.

var str="../img/JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.";
var b = str.substr(str.lastIndexOf(".")+1 ,3);  //截取最后一个点号后3个字符
console.log(b);  //返回子字符串“png”
로그인 후 복사

출력 결과:

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

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

var str="../img/JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);
  
var str="../img/1.jpeg";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);
로그인 후 복사
JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.출력 결과:

위를 통해 substr() 메서드를 사용하여 지정된 길이의 하위 문자열을 가로채서 하위 문자열을 반환할 수 있음을 알 수 있습니다.

이 방법을 사용하여 파일 확장자를 얻는 방법을 살펴보겠습니다.

JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.

substr() 및 lastIndexOf() 메서드를 사용하여 파일 확장자를 가져올 수 있습니다. 예를 들어 다음 파일 url이 있는 경우

rrreee다음 명령문을 사용하여 파일 확장자를 가져옵니다. rrreee

분석: 사용 str .lastIndexOf(".")는 문자 "."의 마지막 발생 위치를 가져온 다음 이를 substr() 메서드의 첫 번째 매개 변수로 사용하여 가로채는 문자열의 시작 위치를 지정할 수 있습니다. . 확장자 ".png"에는 4개의 문자가 있으므로 substr() 메서드의 두 번째 매개 변수를 4로 설정하면 됩니다. 🎜🎜출력 결과: 🎜🎜🎜🎜🎜"png"만 얻으려면 str.lastIndexOf(".")에 1을 추가하면 됩니다. 🎜🎜rrreee🎜출력 결과: 🎜🎜🎜🎜🎜이것은 다음을 아는 것입니다. 확장자의 길이가 고정되어 있지 않은 경우 substr() 메서드의 두 번째 매개변수를 생략하고 문자 "." 뒤의 모든 문자를 직접 얻을 수 있습니다. 🎜rrreee🎜출력 결과: 🎜🎜 🎜🎜🎜그렇습니다. 필요한 경우 다음을 읽어보세요. 🎜javascript 고급 튜토리얼🎜🎜

위 내용은 JS 문자열 학습은 하위 문자열을 가로채서 파일 확장자를 반환합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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