JavaScript | 填充和转义

在 JavaScript 中，填充和转义是非常重要的概念。填充可以让字符串或数字具有指定的长度，而转义可以让字符具有从外部数据源输入时必须的格式。

字符串填充

在 JavaScript 中，可以使用 padStart 和 padEnd 方法来填充字符串。这些方法接受两个参数：填充后的长度和要填充的字符。

padStart

padStart 方法将填充字符添加到字符串的开头，直到字符串达到指定的长度。例如，下面的代码将字符串 "hello" 填充到长度为 10，字符为 *：

const str = "hello";
const padded = str.padStart(10, "*");
console.log(padded); // "*****hello"

padEnd

padEnd 方法将填充字符添加到字符串的末尾，直到字符串达到指定的长度。例如，下面的代码将字符串 "world" 填充到长度为 9，字符为 -：

const str = "world";
const padded = str.padEnd(9, "-");
console.log(padded); // "world----"

数字填充

在 JavaScript 中，可以使用 toFixed 方法来填充数字。这个方法接受一个参数：保留的小数位数。

例如，下面的代码将数字 15.5 填充到两个小数位：

const num = 15.5;
const padded = num.toFixed(2);
console.log(padded); // "15.50"

字符转义

在 JavaScript 中，可以使用 \ 字符来转义特殊字符。例如，下面的代码将双引号转义：

const str = "She said, \"Hello!\"";
console.log(str); // She said, "Hello!"

HTML 转义

在 Web 开发中，HTML 转义非常常见，因为 HTML 中某些字符具有特殊含义，必须进行转义。例如，下面的代码将 < 转义为 <：

const html = "<p>This is a paragraph.</p>";
const escaped = html.replace(/</g, "&lt;");
console.log(escaped); // &lt;p&gt;This is a paragraph.&lt;/p&gt;

URL 转义

在 Web 开发中，URL 转义也非常常见，因为 URL 中某些字符具有特殊含义，必须进行转义。例如，下面的代码将空格转义为 %20：

const url = "https://www.example.com/path with spaces";
const escaped = encodeURI(url);
console.log(escaped); // https://www.example.com/path%20with%20spaces

结论

填充和转义是编程中不可或缺的概念。在 JavaScript 中，padStart、padEnd 和 toFixed 方法可以让你轻松地进行字符串和数字填充，而 \ 字符则可以让你在字符串中转义特殊字符。如果你在 Web 开发中编写代码，HTML 和 URL 转义也是非常重要的。