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

阅读时长 4 分钟读完

在前端开发过程中,我们经常需要处理 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

纠错
反馈