二、原始字符串与 String 对象

在 JavaScript 中，字符串有两种形式：

1. 原始字符串（Primitive String）：直接用字面量声明，如 "abc"。

2. String 对象（String Object）：通过 new String("abc") 创建。

示例：

它们的区别：

可以看到，虽然两者内部的字符串值相同，但 new String 创建的是对象类型，容易在逻辑判断中出错：

if (new String("")) console.log("执行"); // 会执行，因为对象永远 truthy
if ("") console.log("执行");             // 不会执行

建议：除非做语言机制实验，否则使用原始字符串即可。

三、字符串的属性与方法

1. length 属性

原始字符串虽然不是对象，但在访问属性或方法时，JavaScript 会自动装箱，临时把原始字符串包装成 String 对象：

let str = "hello";
console.log(str.length); // 5

这个机制也适用于调用方法，例如：

console.log("abc".toUpperCase()); // "ABC"

2. 常用方法

• 查询：

• 截取/分割：

str.slice(0, 3);      // "hel"  支持负数
str.substring(0, 3);  // "hel"  不支持负数
str.split(" ");       // ["hello", "world"]

• 大小写：

str.toUpperCase(); // "HELLO"
str.toLowerCase(); // "hello"

• 替换：

str.replace("hello", "hi");      // 替换一次
str.replaceAll("l", "*");        // 替换全部

• 去空格：

• 填充/重复：

"5".padStart(3, "0"); // "005"
"5".padEnd(3, "0");   // "500"
"abc".repeat(3);      // "abcabcabc"

四、数组的 map 方法

数组是 JavaScript 中另一类常用数据结构，map 是最重要的方法之一。它遍历数组的每个元素，并返回由每次回调函数返回值组成的新数组。

示例：

const todos = [
    { id: 1, text: '学习es6' },
    { id: 2, text: '通读你不知道的JavaScript' }
];


const liList = todos.map(todo => `<li>${todo.text}</li>`);
console.log(liList);
// ["<li>学习es6</li>", "<li>通读你不知道的JavaScript</li>"]

注意：

• map 返回一个新数组

• ES6 箭头函数可以省略 function 关键字

• 如果函数体只有一条语句且是返回值，可以省略 {} 和 return：

todos.map(todo => `<li>${todo.text}</li>`);

​