在前端开发过程中,我们经常需要处理 URL,比如从 URL 中获取参数、拼接 URL 等等。在 ES12 中,新增了 String.prototype.trimEnd
方法,使得处理 URL 更加便利。
String.prototype.trimEnd 方法介绍
String.prototype.trimEnd
方法返回调用字符串(当前实例)右侧修剪空格的新字符串,不影响原始字符串。该方法可以处理 URL 中可能存在的末尾空格。
语法
str.trimEnd()
参数
该方法没有传入参数。
示例
let str = ' https://www.example.com/ '; console.log(str.trimEnd()); // " https://www.example.com/"
利用 trimEnd 方法处理 URL
获取 URL 参数
我们可以使用 String.prototype.trimEnd
方法处理 URL 开头和结尾的空格,然后使用 split
方法根据 ?
将 URL 分成两部分,再使用 split
方法根据 &
将 URL 参数分割,并以键值对的形式存储到一个对象中。
-- -------------------- ---- ------- -------- ----------------- - ----- ---------- - -------------------------- -- -- --- -------- ----- --------- ------------- - ---------------------- ----- --------- - ------------------------ ----- ------ - --- ------------------------- -- - ----- ----- ------ - ----------------- ----------- - ------ --- ------ ------- - ----- --- - - ------------------------------------------------------------- -- ----- ------ - ------------------ -------------------- -- - --------- ------------- ----- ------- -
拼接 URL
我们可以使用 String.prototype.trimEnd
方法处理 URL 结尾的空格,并且使用 endsWith
方法判断 URL 是否以 /
结尾,根据判断结果来拼接 URL。
-- -------------------- ---- ------- -------- ---------------- ----- - ----- -------------- - ------------------ -- -- --- ----- --- ----------- - ----------------- -- -- --- ----- -- ------------------------------ - ----------- - --------------------- - ---- - ----------- - ------------------ - ------ -------------- - ------------ - ----- ------- - --------------------------- ----- ----- - -------- ----- ----- - ---------- ---------------------------- -------- -- ----------------------------- ---------------------------- -------- -- ------------------------------
结论
利用 ES12 中的 String.prototype.trimEnd
方法,我们可以更方便地处理 URL,从而实现更多的功能。在实际项目中,我们可以根据该方法的特性,结合自己的业务需求,来充分发挥其优势,提高开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6707550ed91dce0dc866cf0d