js实现空格
在 JavaScript 中插入空格
使用 \u0020 或直接输入空格字符可以插入普通空格。例如:
let str = "Hello" + "\u0020" + "World"; // 输出 "Hello World"
插入多个连续空格
HTML 默认会合并多个连续空格,可以通过 CSS 的 white-space 属性或使用 实体来保留空格:
// 使用 CSS 保留空格
element.style.whiteSpace = "pre";
// 使用 实体
let str = "Hello World";
使用 String.prototype.repeat() 生成多个空格
let spaces = " ".repeat(4); // 生成 4 个空格
let str = "Hello" + spaces + "World"; // "Hello World"
使用模板字符串插入空格
let str = `Hello${" ".repeat(3)}World`; // "Hello World"
插入非断行空格( )
在需要防止自动换行的地方使用 \u00A0:

let str = "Hello\u00A0World"; // 输出 "Hello World"(非断行空格)
在 HTML 中动态插入空格
使用 innerHTML 或 textContent 插入空格:
// 使用 innerHTML 插入
document.getElementById("demo").innerHTML = "Hello World";
// 使用 textContent 插入普通空格
document.getElementById("demo").textContent = "Hello World";
使用 CSS 控制空格显示
通过 CSS 的 white-space 属性可以控制空格的显示方式:

element.style.whiteSpace = "pre"; // 保留所有空格和换行
element.style.whiteSpace = "pre-wrap"; // 保留空格但允许自动换行
在字符串操作中处理空格
使用 trim()、trimStart() 或 trimEnd() 去除空格:
let str = " Hello World ";
str.trim(); // "Hello World"
str.trimStart(); // "Hello World "
str.trimEnd(); // " Hello World"
正则表达式匹配空格
使用正则表达式匹配或替换空格:
// 匹配所有空格
let str = "Hello World";
str.match(/\s/g); // 返回 [" ", " "]
// 替换所有空格
str.replace(/\s/g, "-"); // "Hello-World"






