迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中截断字符串

作者:迹忆客 最近更新:2023/03/09 浏览次数:

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

输出:

使用 substr() 方法截断字符串

我们注意到该方法的第一个参数是 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);

输出:

使用 split() 和 join() 方法截断字符串

str 对象存储了一个字符串,我们在应用 spilt() 方法后重新初始化了 str 以保存数组形式。我们可以计算数组的长度来执行 str.length

之后,我们启动了一个 for 循环,将计数器从 0 索引设置并结束,直到限制值。你可以选择偏好索引作为截断的起点。

下一个任务是在加入 newStr 并打印控制台结果之前将 str 数组字符重新分配给 newStr 数组。我们的限制设置为索引 10,最后打印的字符是 9th 索引。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

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 选择器的不同方法。你还将找到许多有用的

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便