JavaScript를 사용하여 문자열에서 파일 확장자를 제거하는 방법은 무엇입니까?

많은 웹 애플리케이션에서는 사용자가 파일을 업로드할 수 있습니다. 또한 파일 확장자를 잘라낸 후 파일 내용과 파일 이름을 표시합니다.

또한 확장자가 없는 파일 이름을 키로 사용하여 파일 콘텐츠를 데이터베이스에 저장해야 하는 경우도 있습니다. 따라서 다양한 사용 사례에서는 확장자 없이 업로드된 파일의 파일 이름을 사용해야 합니다.

여기에서는 JavaScript를 사용하여 문자열에서 파일 확장자를 제거하는 다양한 방법을 알아봅니다.

array.split(), array.pop() 및 array.join() 메서드 사용

모든 파일 이름에는 파일 이름의 마지막 점 뒤에 파일 확장자가 포함됩니다. 따라서 "."를 구분 기호로 사용하여 파일 이름을 분할할 수 있습니다. 그런 다음 array.pop() 메서드를 사용하여 마지막 요소를 제거하고 배열 요소를 다시 연결하여 파일 이름만 얻을 수 있습니다.

문법

사용자는 다음 구문에 따라 array.split(), array.pop() 및 array.join() 메서드를 사용할 수 있습니다.

으아악

알고리즘

1단계 – 업로드된 파일의 이름을 가져옵니다.

2단계 - 점(.)을 구분 기호로 사용하여 파일 이름을 분할합니다.

3단계 – pop() 메서드를 사용하여 배열에서 확장을 제거합니다.

4단계 - Join() 메소드를 사용하여 파일 확장자 없이 분할 배열을 결합합니다.

5단계 – FinalName 변수에는 확장자가 잘린 파일 이름이 포함됩니다.

예 1

아래 예에서는 사용자가 모든 형식의 파일을 업로드할 수 있는 사용자 입력을 만들었습니다. 사용자가 파일을 업로드할 때마다 name 속성을 사용하여 파일 이름을 가져오고 위 알고리즘을 실행하여 파일 확장자를 자릅니다.

출력에서 사용자는 확장자가 있거나 없는 파일 이름을 볼 수 있습니다.

으아악

정규 표현식을 사용하세요

정규식 검색 패턴을 사용하여 파일 이름 문자열에서 파일 확장자를 찾을 수 있습니다. 그런 다음 string.replace() 메서드를 사용하여 파일 확장자를 빈 문자열로 바꿀 수 있습니다.

문법

사용자는 아래 구문에 따라 정규식과 대체 방법을 사용하여 문자열에서 파일 확장자를 제거할 수 있습니다.

으아악

위 구문에서 RegExp() 생성자를 사용하여 정규 표현식을 만들었습니다.

정규식 설명

. – "." 문자로 시작하는 문자열을 나타냅니다.

[^/.]+ - 문자열에 "." 이외의 문자가 하나 이상 포함되어 있음을 나타냅니다.

$ - 문자열의 끝을 나타냅니다.

전체 정규식은 시작 부분에 점이 포함된 패턴을 찾은 다음 문자열 끝 앞에서 점 문자 이외의 문자를 찾습니다.

예 2

아래 예에서는 원래 변수에 ".html" 확장자가 있는 문자열로 파일 이름을 사용합니다. 사용자가 버튼을 누르면 RemoveExtension() 함수가 호출됩니다.

removeExtension() 함수에서는 위에서 언급한 대로 정규식을 생성하고 이를 regex 변수에 저장합니다. 그런 다음, 파일 이름 문자열에서 파일 확장자를 제거하기 위해 파일 교체() 메서드를 사용하여 동일한 패턴(예: 정규식)을 빈 문자열로 바꿉니다.

으아악

substring() 및 lastIndexOf() 메서드 사용

파일 확장자를 나타내는 마지막 점 뒤의 전체 문자열을 제거해야 하기 때문에 lastIndexOf() 메서드를 사용하여 파일 이름에서 "." 문자의 마지막 인덱스를 찾을 수 있습니다.

substring() 메서드를 사용하면 사용자는 시작 및 끝 인덱스를 사용하여 부분 문자열을 얻을 수 있습니다. 0번째 인덱스부터 마지막 ​​'.' 문자 인덱스까지 부분 문자열을 얻을 수 있습니다.

문법

사용자는 다음 구문에 따라 부분 문자열 및 lastIndexOf() 메서드를 사용하여 파일 이름 문자열에서 파일 확장자를 제거할 수 있습니다.

으아악

위 구문에서는 먼저 length 속성을 사용하여 파일 이름의 길이를 가져옵니다. 그런 다음 해당 지점의 마지막 인덱스를 찾은 다음 substring() 메서드를 사용하여 마지막 지점 이전의 하위 문자열을 가져옵니다.

예 3

아래 예에서는 사용자가 파일을 업로드하면 입력이 onchange 이벤트를 트리거하고 RemoveExtension() 자바스크립트 함수를 호출합니다. 함수에서는 lastIndexOf() 메서드와 substring() 메서드를 사용하여 업로드된 파일의 파일 이름에서 파일 확장자를 제거합니다.

let split = fileName.split('.');
split.pop();
let finalName = split.join("."); 

위 내용은 JavaScript를 사용하여 문자열에서 파일 확장자를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!