在 JavaScript 中截断字符串
floor()
、ceil()
、round()
和 trunc()
函数处理数字或任何浮点数,但在 string
数据类型的情况下,没有直接截断或舍入到极限的功能。
通用驱动器引入了 substr()
方法,该方法将一个句子(也称为字符串)剪切到一个限制。此方法从所述字符串中提取一个子字符串。
我们将讨论使用上述 JavaScript 函数和方法的方法。
substr()
方法采用两个参数来运行该过程。
第一个参数获取截断开始的起点(index
),后一个参数是设置截断将停止的限制。
值得一提的是,截断在 limit
参数之前终止。我们将在跟踪实例时检查这条线。
代码片段:
function truncate(str, limit){
if (str.length > limit){
str = str.substr(0,limit);
}
else{ return str; }
return str;
}
console.log(truncate('Scooby-doo this crap', 10));
输出:
我们注意到该方法的第一个参数是 0
,而限制设置为 10
。因此,输出将字符打印到 9th
索引。
如果该方法只有一个参数,它将推断为开始索引并打印字符串直到结束索引。对于示例中的字符串,如果我们有 substr(10)
,我们将得到结果 (whitespace)this crap
。
截断字符串的手动方法是将字符串拆分为数组并获取预期的子字符串或截断的字符串。该示例显示了如何将字符串拆分
为数组以及截断
、连接
和打印
。
代码片段:
var str = "I like to move it move it!";
str = str.split('');
var newStr=[];
var limit = 10;
for(var i=0; i<limit;i++){
newStr[i] = str[i];}
newStr = newStr.join('');
console.log(newStr);
输出:
str
对象存储了一个字符串,我们在应用 spilt()
方法后重新初始化了 str
以保存数组形式。我们可以计算数组的长度来执行 str.length
。
之后,我们启动了一个 for
循环,将计数器从 0
索引设置并结束,直到限制值。你可以选择偏好索引作为截断的起点。
下一个任务是在加入 newStr
并打印控制台结果之前将 str
数组字符重新分配给 newStr
数组。我们的限制设置为索引 10
,最后打印的字符是 9th
索引。
相关文章
Do you understand JavaScript closures?
发布时间:2025/02/21 浏览次数:108 分类:JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间:2025/02/21 浏览次数:178 分类:JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间:2025/02/21 浏览次数:150 分类:JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
用 jQuery 检查复选框是否被选中
发布时间:2024/03/24 浏览次数:102 分类:JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间:2024/03/24 浏览次数:180 分类:JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。