在 Javascript 中从末尾修剪字符串

Question

在 Javascript 中，如何将字符串从末尾修剪多个字符，追加另一个字符串，然后再次重新追加最初截断的字符串？

特别是，我有 filename.png 并想将其转换为 filename-thumbnail.png。

我正在寻找类似的东西：

var sImage = "filename.png";
var sAppend = "-thumbnail";
var sThumbnail = magicHere(sImage, sAppend);

Answer 1

您可以使用.slice，它接受负索引：

function insert(str, sub, pos) {
    return str.slice(0, pos) + sub          + str.slice(pos);
    //     "filename"        + "-thumbnail" + ".png"
}

用法：

insert("filename.png", "-thumbnail", -4); // insert at 4th from end

Answer 2

尝试使用正则表达式（可以在 https://developer.mozilla.org 找到好的文档/en/JavaScript/Guide/Regular_Expressions）

我还没有测试过，但尝试如下：

var re = /(.*)\.png$/;  
var str = "filename.png";  
var newstr = str.replace(re, "$1-thumbnail.png");  
console.log(newstr);

Answer 3

我将使用正则表达式来查找文件名的各个部分，然后根据需要重新排列并添加字符串。

像这样：

var file='filename.png';

var re1='((?:[a-z][a-z0-9_]*))';
var re2='.*?';
var re3='((?:[a-z][a-z0-9_]*))';

var p = new RegExp(re1+re2+re3,["i"]);
var m = p.exec(file);
if (m != null) {
    var fileName=m[1];
    var fileExtension=m[2]; 
}

这会在 fileName 中给出文件名，在 fileExtension 中给出文件扩展名。从那里您可以添加或添加您想要的任何内容。

var newFile = fileName + '-thumbnail' + '.' + fileExtension;

Answer 4

也许比正则表达式更简单，您可以使用lastindexof（请参阅http://www.w3schools.com/jsref /jsref_lastindexof.asp）来查找文件扩展名（查找句点 - 这允许更长的文件扩展名，例如 .html），然后按照 pimvdb 的建议使用切片。

Answer 5

您可以使用正则表达式并执行如下操作：

var sImage = "filename.png";
var sAppend = "-thumbnail$1";
var rExtension = /(\.[\w\d]+)$/;

var sThumbnail = sImage.replace(rExtension, sAppend);

rExtension 是一个正则表达式，用于查找扩展名，并将其捕获到$1 中。您会看到 $1 出现在 sAppend 内部，这意味着“将扩展名放在此处”。

编辑：此解决方案适用于任何长度的任何文件扩展名。在这里查看它的实际效果：http://jsfiddle.net/h4Qsv/