วิธีการตัดแต่งไฟล์นามสกุลจากสตริงใน JavaScript?

ตัวอย่างเช่นสมมติว่าx = filename.jpgฉันต้องการได้รับfilenameซึ่งfilenameอาจเป็นชื่อไฟล์ใด ๆ (สมมติว่าชื่อไฟล์มีเพียง [a-zA-Z0-9-_] เพื่อทำให้ง่ายขึ้น)

ผมเห็นx.substring(0, x.indexOf('.jpg'))ในDZone เกร็ดเล็กเกร็ดน้อยแต่จะไม่x.substring(0, x.length-4)ทำงานได้ดีขึ้น? เพราะlengthเป็นคุณสมบัติและไม่ทำการตรวจสอบตัวละครในขณะที่indexOf()ฟังก์ชั่นและทำการตรวจสอบตัวละคร

หากคุณทราบความยาวของส่วนขยายคุณสามารถใช้x.slice(0, -4)(โดยที่ 4 คือสามอักขระของส่วนขยายและจุด)

หากคุณไม่ทราบความยาว @John Hartsock regex จะเป็นวิธีที่เหมาะสม

หากคุณไม่ต้องการใช้นิพจน์ทั่วไปคุณสามารถลองทำสิ่งนี้ (ลดประสิทธิภาพ):

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-4เฉพาะบัญชีสำหรับนามสกุล 3 ตัว เกิดอะไรขึ้นถ้าคุณมีfilename.jpegหรือfilename.pl?

แก้ไข:

คำตอบ ... แน่ใจว่าถ้าคุณมักจะมีส่วนขยายของ.jpg, x.length-4จะทำงานได้ดี

อย่างไรก็ตามหากคุณไม่ทราบความยาวของส่วนขยายโซลูชันใด ๆ จำนวนหนึ่งจะดีกว่า / แข็งแกร่งกว่า

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

หรือ

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

หรือ

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

หรือ (ด้วยชื่อไฟล์สมมติฐานมีเพียงหนึ่งจุด)

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

หรือ (มีจุดเดียวเท่านั้น)

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

ในเวอร์ชัน Node.js ก่อนหน้า 0.12.x:

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(".")

นี่เป็นอีกโซลูชันที่ใช้ regex:

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"และคุณต้องการกลับมาเพียง "ชื่อไฟล์" คุณสามารถใช้:

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();

ผลลัพธ์จะเป็นtheName == "filename"เหมือนกับข้างบน

หมายเหตุ:

1. สาเหตุแรกช้ากว่าเล็กน้อยทำให้ทำงานได้มากกว่า แต่ทำงานได้ทั้งสองกรณีกล่าวคือสามารถแยกชื่อไฟล์โดยไม่มีนามสกุลจากสตริงที่กำหนดซึ่งมีพา ธ หรือชื่อไฟล์ด้วย ex ในขณะที่ตัวที่สองทำงานได้ก็ต่อเมื่อตัวแปรที่กำหนดมีชื่อไฟล์ที่มีนามสกุลเช่น filename.ext แต่จะเร็วกว่าเล็กน้อย
2. โซลูชั่นทั้งสองทำงานได้ทั้งไฟล์โลคอลและเซิร์ฟเวอร์

แต่ฉันไม่สามารถพูดอะไรได้เลยเกี่ยวกับการเปรียบเทียบกับคำตอบอื่น ๆ หรือสำหรับเบราว์เซอร์หรือระบบปฏิบัติการที่เข้ากันไม่ได้

ตัวอย่างการทำงาน 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ตัวอย่างเช่นทำ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

นี่คือที่การแสดงออกปกติมามีประโยชน์! .replace()วิธีการของ Javascript จะแสดงออกอย่างสม่ำเสมอและคุณสามารถใช้สิ่งนั้นเพื่อบรรลุสิ่งที่คุณต้องการ:

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

อีกหนึ่งสายการบิน - เราถือว่าไฟล์ของเราเป็นรูปภาพ jpg >> ex: 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% ของวัตถุประสงค์ทั้งหมด