利用 ES12 中的 String.prototype.trimEnd 方法处理 URL

在前端开发过程中,我们经常需要处理 URL,比如从 URL 中获取参数、拼接 URL 等等。在 ES12 中,新增了 String.prototype.trimEnd 方法,使得处理 URL 更加便利。

String.prototype.trimEnd 方法介绍

String.prototype.trimEnd 方法返回调用字符串(当前实例)右侧修剪空格的新字符串,不影响原始字符串。该方法可以处理 URL 中可能存在的末尾空格。

语法

-------------

参数

该方法没有传入参数。

示例

--- --- - -  ------------------------  --
--------------------------- -- -  -------------------------

利用 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