ES12 中的 String.prototype.trimStart() 和.trimEnd() 方法简介-JavaScript中文网-JavaScript教程资源分享门户

在 ES12 中，JavaScript 为字符串对象添加了两个新的方法：trimStart() 和 trimEnd()。这两个方法用于去除字符串开头和结尾的空格，分别对应原有的 trim() 方法的左侧和右侧版本。

方法介绍

trimStart() 和 trimEnd() 方法都是字符串原型对象上的方法，用于去除字符串开头和结尾的空格。这两个方法的返回值都是一个新的字符串，不会改变原有字符串本身。

trimStart()

trimStart() 方法用于去除字符串开头的空格，其语法如下：

string.trimStart()

其中，string 为待处理的字符串。

示例代码：

const str = '  hello world!   '
console.log(str.trimStart()) // 'hello world!   '

trimEnd()

trimEnd() 方法用于去除字符串结尾的空格，其语法如下：

string.trimEnd()

其中，string 为待处理的字符串。

示例代码：

const str = '  hello world!   '
console.log(str.trimEnd()) // '  hello world!'

使用场景

trimStart() 和 trimEnd() 方法在字符串处理中非常实用，特别是在字符串模板中使用时，可以去除模板字符串中的空格和换行符，使代码更加简洁易读。

示例代码：

// javascriptcn.com 代码示例
const name = 'John'
const age = 30
const message = `
  My name is ${name}. 
  I am ${age} years old.
`
console.log(message.trimStart())
// 'My name is John. 
// I am 30 years old.'
console.log(message.trimEnd())
// '
//   My name is John. 
//   I am 30 years old.'

注意事项

需要注意的是，trimStart() 和 trimEnd() 方法只能去除字符串开头和结尾的空格，无法去除字符串中间的空格。如果需要去除字符串中间的空格，可以使用正则表达式或替换方法等其他方式。

总结

trimStart() 和 trimEnd() 方法是 ES12 中新增的字符串方法，用于去除字符串开头和结尾的空格，可以使代码更加简洁易读。需要注意的是，这两个方法只能去除字符串开头和结尾的空格，无法去除字符串中间的空格。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653cbc497d4982a6eb6c1244