JavaScript의 문자열에서 파일 확장자를 자르는 방법은 무엇입니까?

예를 들어, 파일 이름이 될 수있는 위치 x = filename.jpg를 가정하고 싶습니다 (파일 이름에는 단순화하기 위해 [a-zA-Z0-9-_] 만 포함되어 있다고 가정하십시오).filenamefilename

I 톱 x.substring(0, x.indexOf('.jpg'))에 DZone 조각 , 아닌 것 x.substring(0, x.length-4)더 잘 수행? 왜냐하면 length속성이며 문자 검사를 수행하지 않는 반면 indexOf()함수이며 문자 검사를 수행하기 때문입니다.

확장의 길이를 알고 있으면 사용할 수 있습니다 x.slice(0, -4)(여기서 4는 확장 및 점의 세 문자 임).

길이를 모르면 @John Hartsock 정규식이 올바른 접근 방법입니다.

정규 표현식을 사용하지 않으려면 다음을 시도해보십시오 (성능이 낮음).

filename.split('.').slice(0, -1).join('.')

확장자가없는 파일에서는 실패합니다.

확실하지 빠르게 수행 할 것입니다하지만이 같은 확장에 관해서이 더 안정적 일 것입니다 무슨 .jpeg또는.html

x.replace(/\.[^/.]+$/, "")

에서 Node.js를 다음과 같이 확장자가없는 파일의 이름을 얻을 수있다.

const path = require('path');
const filename = 'hello.html';

path.parse(filename).name; // hello
path.parse(filename).ext;  // .html

Node.js 문서 페이지 에서 추가 설명 .

x.length-43 자의 확장명 만 설명합니다. 당신은 어떤이있는 경우 filename.jpeg또는 filename.pl?

편집하다:

당신은 항상의 확장이있는 경우에 답변을 ... 물론 .jpg, x.length-4잘 작동합니다.

그러나 확장의 길이를 모르는 경우 여러 가지 솔루션이 더 우수하고 강력합니다.

x = x.replace(/\..+$/, '');

또는

x = x.substring(0, x.lastIndexOf('.'));

또는

x = x.replace(/(.*)\.(.*?)$/, "$1");

OR (파일 이름에 하나의 점만 있음)

parts = x.match(/[^\.]+/);
x = parts[0];

OR (점 하나만 있음)

parts = x.split(".");
x = parts[0];

마지막 점이 확장 구분 기호라는 가정을 사용할 수 있습니다.

var x = 'filename.jpg';
var f = x.substr(0, x.lastIndexOf('.'));

파일 확장자가 없으면 빈 문자열을 반환합니다. 이 기능을 사용하여 수정하려면

function removeExtension(filename){
    var lastDotPosition = filename.lastIndexOf(".");
    if (lastDotPosition === -1) return filename;
    else return filename.substr(0, lastDotPosition);
}

나는 읽기가 너무 어렵지 않은 하나의 라이너이기 때문에 이것을 좋아합니다.

filename.substring(0, filename.lastIndexOf('.')) || filename

0.12.x 이전의 Node.js 버전에서 :

path.basename(filename, path.extname(filename))

물론 이것은 0.12.x 이상에서도 작동합니다.

구분 기호가 문자열에없는 경우에도 작동합니다.

String.prototype.beforeLastIndex = function (delimiter) {
    return this.split(delimiter).slice(0,-1).join(delimiter) || this + ""
}

"image".beforeLastIndex(".") // "image"
"image.jpeg".beforeLastIndex(".") // "image"
"image.second.jpeg".beforeLastIndex(".") // "image.second"
"image.second.third.jpeg".beforeLastIndex(".") // "image.second.third"

다음과 같이 단일 라이너로 사용할 수도 있습니다.

var filename = "this.is.a.filename.txt";
console.log(filename.split(".").slice(0,-1).join(".") || filename + "");

편집 : 이것은보다 효율적인 솔루션입니다.

String.prototype.beforeLastIndex = function (delimiter) {
    return this.substr(0,this.lastIndexOf(delimiter)) || this + ""
}

유효한 옵션인지 모르겠지만 이것을 사용합니다.

name = filename.split(".");
// trimming with pop()
name.pop();
// getting the name with join()
name.join('.'); // we split by '.' and we join by '.' to restore other eventual points.

그것은 내가 아는 하나의 작업 일뿐 만 아니라 적어도 항상 작동해야합니다!

업데이트 : 원 라이너를 원한다면 다음과 같습니다.

(name.split('.').slice(0, -1)).join('.')

다른 하나의 라이너 :

x.split(".").slice(0, -1).join(".")

다른 정규식 기반 솔루션은 다음과 같습니다.

filename.replace(/\.[^.$]+$/, '');

마지막 세그먼트 만 잘라야합니다.

간단한 것 :

var n = str.lastIndexOf(".");
return n > -1 ? str.substr(0, n) : str;

허용 된 답변은 마지막 확장 부분 만 제거하고 ( .jpeg) 대부분의 경우 좋은 선택입니다.

한 번 모든 확장명 ( .tar.gz) 을 제거해야 하고 파일 이름에 점이 포함되지 않도록 제한되었으므로 2015-01-01.backup.tar문제가되지 않습니다.

var name = "2015-01-01_backup.tar.gz";
name.replace(/(\.[^/.]+)+$/, "");

var fileName = "something.extension";
fileName.slice(0, -path.extname(fileName).length) // === "something"

전체 경로 (예 :)가 포함 된 변수를 처리 thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg"해야하고 "filename"만 반환하려는 경우 다음을 사용할 수 있습니다.

theName = thePath.split("/").slice(-1).join().split(".").shift();

결과는 theName == "filename"입니다 .

Chrome 디버거의 콘솔 창에 다음 명령을 작성하십시오. window.location.pathname.split("/").slice(-1).join().split(".").shift()

파일 이름과 확장자 (예 :) 만 처리해야하는 경우 theNameWithExt = "filename.jpg":

theName = theNameWithExt.split(".").shift();

결과는 위와 동일한 Name == "filename"입니다 .

노트:

1. 첫 번째는 조금 느리기 때문에 더 많은 작업을 수행합니다. 그러나 두 경우 모두에서 작동합니다. 즉, 경로가 포함 된 주어진 문자열 또는 ex가있는 파일 이름에서 확장자없이 파일 이름을 추출 할 수 있습니다. 두 번째는 주어진 변수가 filename.ext와 같은 ext를 가진 파일 이름을 포함하지만 조금 더 빠른 경우에만 작동합니다.
2. 두 솔루션 모두 로컬 및 서버 파일 모두에서 작동합니다.

그러나 다른 답변과 성능 비교 또는 브라우저 또는 OS 호환성에 대해서는 아무것도 말할 수 없습니다.

작업 스 니펫 1 : 전체 경로

var thePath = "http://stackoverflow.com/directory/subdirectory/filename.jpg";
theName = thePath.split("/").slice(-1).join().split(".").shift();
alert(theName);

작업 스 니펫 2 : 확장자가있는 파일 이름

var theNameWithExt = "filename.jpg";
theName = theNameWithExt.split("/").slice(-1).join().split(".").shift();
alert(theName);

작업 스 니펫 2 : 이중 확장자를 가진 파일 이름

var theNameWithExt = "filename.tar.gz";
theName = theNameWithExt.split("/").slice(-1).join().split(".").shift();
alert(theName);

꽤 늦었지만 일반 오래된 JS-

path.replace(path.substr(path.lastIndexOf('.')), '')

Node.js는 전체 경로 유지 디렉토리에서 확장명을 제거합니다

https://stackoverflow.com/a/31615711/895245 예를 들어 did- path/hello.html> hello이지만 원하는 경우 path/hello.html-> path/hello을 사용할 수 있습니다.

#!/usr/bin/env node
const path = require('path');
const filename = 'path/hello.html';
const filename_parsed = path.parse(filename);
console.log(path.join(filename_parsed.dir, filename_parsed.name));

디렉토리도 출력합니다.

path/hello

https://stackoverflow.com/a/36099196/895245 도 이것을 달성하지만,이 접근법은 의미 적으로 약간 더 만족 스럽습니다.

Node.js v10.15.2에서 테스트되었습니다.

이것은 정규식이 유용한 곳입니다! Javascript의 .replace()메소드는 정규 표현식을 사용하며 원하는 것을 달성하기 위해이를 사용할 수 있습니다.

// assuming var x = filename.jpg or some extension
x = x.replace(/(.*)\.[^.]+$/, "$1");

또 하나의 라이너 – 우리는 파일이 jpg 그림이라고 가정합니다. >> 예 : var yourStr = 'test.jpg';

    yourStr = yourStr.slice(0, -4); // 'test'

path기동 하는 데 사용할 수 있습니다 .

var MYPATH = '/User/HELLO/WORLD/FILENAME.js';
var MYEXT = '.js';
var fileName = path.basename(MYPATH, MYEXT);
var filePath = path.dirname(MYPATH) + '/' + fileName;

산출

> filePath
'/User/HELLO/WORLD/FILENAME'
> fileName
'FILENAME'
> MYPATH
'/User/HELLO/WORLD/FILENAME.js'

x.slice(0, -(x.split('.').pop().length + 1));

이것은 regex 또는 indexOf를 사용하지 않고 파일 이름에서 확장명을 제거하는 데 사용하는 코드입니다 (indexOf는 IE8에서 지원되지 않습니다). 확장자는 마지막 '.'뒤의 텍스트라고 가정합니다. 캐릭터.

그것은 작동합니다 :

• 확장자가없는 파일 : "myletter"
• '.'파일 이름에서 : "my.letter.txt"
• 알 수없는 파일 확장자의 길이 : "my.letter.html"

코드는 다음과 같습니다.

var filename = "my.letter.txt" // some filename

var substrings = filename.split('.'); // split the string at '.'
if (substrings.length == 1)
{
  return filename; // there was no file extension, file was something like 'myfile'
}
else
{
  var ext = substrings.pop(); // remove the last element
  var name = substrings.join(""); // rejoin the remaining elements without separator
  name = ([name, ext]).join("."); // readd the extension
  return name;
}

x.substring (0, x.lastIndexOf ( '.'))와 같은 것을 사용합니다. 성능을 원한다면 자바 스크립트를 사용하지 마십시오. -p 아니오, 하나 이상의 진술은 실제로 모든 목적의 99.99999 %에 중요하지 않습니다.