js 用substring截取字符串去掉字符串后面n个字符的方法

关注

原创最新推荐文章于 2026-08-03 16:03:25 发布 2.2w 阅读 AI 写同款· GEO 优化 ›

JavaScript字符串截取陷阱：substring与substr核心差异解析 字符串截取是前端开发中最基础的字符串操作之一，其底层涉及JavaScript的字符串模型、Unicode编码（UTF-16 code unit与code point）、索引语义及边界容错机制。substring采用区间式位置参数（start, end），具备自动归零、参数交换和越界静默等工程友好特性；substr则基于起点+长度的旧式语义，不支持参数交换且负数索引易引发Unicode截断风险。随着ECMAScript标准演进，substr已被标记为deprecated，而slice凭借更直观的负索引支持和一阅读详情

js 用substring截取字符串去掉字符串后面n个字符的方法。本来是用div.id.split("_title")[0]的方法来获取父div的id的，但考虑到父id（用用户名拚起来的）可能包含_或者_title的字符，这样取到的就不是需要的字符了。后来查看js手册substring可以截取字符，但不能从后面截取，后来受到可以取字符串长度的启发再减去要截取字符的长度就可以完成需求了。下面的测试代码。

如果有多个不同长度的后缀要截取可以采用indexOf的方法来判断：

var chatid = "";
    if(obj.id.indexOf("_title") != -1)
    {
     chatid = obj.id.substring(0, obj.id.length-6);
    }
    else if(obj.id.indexOf("_footli") != -1)
    {
     chatid = obj.id.substring(0, obj.id.length-7);
    }

－－－－－－－－－－－－－－－－－－－－－－－

<html>
<head>
<title>substring</title>
<body>
<div id="chatDiv_title_zdz_title"></div>
<script type="text/javascript">
var div = document.getElementById("chatDiv_title_zdz_title");
function substrtest(div)
{
var divlen = div.id.length;
var p = div.id.substring(0, divlen-6);
alert(p);//chatDiv_title_zdz
}
substrtest(div);
</script>
</body>
</html>