当前位置：首页 > 后端开发 > 正文

如何在JavaScript中给字符串赋值？

admin
后端开发
2025-06-27
6

在JavaScript中，字符串赋值可通过单引号、双引号或反引号包裹文本实现， let str = "内容"，使用 =运算符将字符串关联到变量，支持模板字符串插值和多行文本。

在JavaScript中,字符串赋值是最基础且关键的操作之一，字符串用于表示文本数据，如用户输入、API响应或静态内容，以下是几种核心方法及注意事项，结合代码示例详细说明：

基础赋值方法（直接量）

通过单引号（’）、双引号（”） 或 反引号（`） 直接赋值：

如何在JavaScript中给字符串赋值？第1张

特点：

单/双引号功能相同，按需选择避免嵌套冲突（如 "It's easy"）。
反引号支持多行字符串和表达式嵌入（${variable}）。

动态赋值方法

使用 String 构造函数

let str4 = new String("Constructed String"); // 返回String对象 let str5 = String(123); // 数字转字符串："123"

注意：new String() 创建对象（typeof 为 “object”），直接赋值生成原始字符串（typeof 为 “string”）。推荐原始类型以避免意外行为。

字符串拼接

用连接变量或文本：

如何在JavaScript中给字符串赋值？第2张

let name = "Alice"; let greeting = "Hello, " + name + "!"; // "Hello, Alice!"

模板字符串（ES6）

反引号内嵌入变量或表达式：

let product = "Coffee"; let price = 4.99; let message = `${product} costs $${price}.`; // "Coffee costs $4.99."

特殊场景处理

引号嵌套与转义

在单引号字符串中使用单引号：'It's easy'（用反斜杠转义）。
双引号内嵌套双引号："He said, "Hi!""。

多行字符串

反引号直接换行： let poem = `Roses are red, Violets are blue.`; // 保留换行符
单/双引号需用 n 或拼接： let oldWay = "Line 1nLine 2";

不可变性

字符串一旦创建不可修改，以下操作实际生成新字符串：

如何在JavaScript中给字符串赋值？第3张

let original = "abc"; original[0] = "d"; // 无效！仍为 "abc" let newStr = original.replace("a", "d"); // 正确：生成新字符串 "dbc"

实际应用示例

场景1：用户输入拼接

let userName = prompt("Enter your name:"); let welcomeMsg = `Welcome, ${userName || "Guest"}!`; console.log(welcomeMsg); // 输入"John" → "Welcome, John!"

场景2：动态生成HTML

let items = ["Apple", "Banana"]; let html = `<ul>${items.map(item => `<li>${item}</li>`).join("")}</ul>`; // 输出：<ul><li>Apple</li><li>Banana</li></ul>