ES9 新特性:新增 String.prototype.{trimStart, trimEnd} 方法

阅读时长 4 分钟读完

JavaScript 是一门十分流行的语言,其不断地发展和演变使得它具备了更加强大和便利的特性。ES9 新特性中新增的 String.prototype. {trimStart, trimEnd} 方法可以提高字符串处理的效率,本文将详细介绍这一新特性,并给出实例代码。

前言

在日常的开发中,我们经常需要对字符串进行格式化、处理和清理等操作,比如在输入框中获取的字符串前后可能存在空格、换行符等不可见字符,这时我们需要把它们去掉。在之前的教程中已经介绍过 String.prototype.trim() 方法,可以去掉字符串的首尾空格,但是它遗漏了一些其他类型的空格和不可见符号。针对这种情况,ES9 新增的 trimStart 和 trimEnd 方法就派上用场了。

ES9 新特性 String.prototype.trimStart 和 String.prototype.trimEnd 方法

ES9 新特性 String.prototype.trimStart 和 String.prototype.trimEnd 方法分别表示截取字符串开头和结尾的空格,并返回一个新的字符串。这两个方法与 trim 方法不同的是,trim 只能移除字符串前后的空格。

通过运行示例代码,你可以看到 trimStart 方法使我们可以去除字符串开头的空格,而 trimEnd 使我们可以去除字符串结尾的空格。这两个方法可以单独使用或者一起使用,以满足我们的不同需求。

内容深度

在了解该特性的基本使用方法后,可以进一步学习其深度内容。

Polyfill

虽然在 ES9 中已经加入了 string.prototype.trimStart 和 string.prototype.trimEnd方法,但我们需要考虑兼容性和在旧版本中使用其方法的情况。因此,我们要进行 Polyfill,以确保代码的正常运行。Polyfill 的原理是在代码中添加一个与原生方法相同的函数,当原生方法不可用时,这个函数将会被调用。

-- -------------------- ---- -------
-- ----------------------------- -
    -------------------------- - ---------- -
        ------ ---------------------- ----
    -
-
-- --------------------------- -
    ------------------------ - ---------- -
        ------ ---------------------- ----
    -
-
展开代码

多行字符串

在 ES6 中新增了模板字符串(template literals)的概念,我们可以在其间使用反引号 `,这样就可以方便地书写多行字符串,不需要使用 + 和 \n 来拼接字符串。

但是,这样写容易引入不可见的换行符 \n,导致多余的空行。ES9 的新特性 trimStart 和 trimEnd 方法能够很好地解决这个问题。

通过运行示例代码,你可以看到 trimStart 和 trimEnd 方法能够自动去掉多余的空行,更好地保持多行字符串的格式。这样可以有效的减少代码中不必要的空行,提升代码的可读性。

指导意义

通过本文的介绍,我们可以发现,ES9 新特性 String.prototype. {trimStart, trimEnd} 方法不仅可以方便地去除字符串开头和结尾的空格,更可以应用于多行字符串的处理,使得代码更加简洁可读。当然,这项技术还需要我们在实践中不断学习和使用,才能更好的充分发挥其潜力,提升代码质量。

小结

本文主要介绍了 ES9 新增的 String.prototype.{trimStart, trimEnd} 方法,详细介绍了该技术的基本用法、Polyfill 的实现、多行字符串的处理,以及其在实践中的指导意义。对于前端开发人员来说,这项技术具有十分实用的特点,祝你在使用本技术时取得更多的进展!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67937b3b504e4ea9bd7bfcdd

纠错
反馈

纠错反馈

程序员教程

精选优质教程,助你快速提升技术实力

程序员面试题库

海量优质面试题,助你轻松应对技术面试