在 JavaScript 中，你可以通过多种方式控制字符串的长度，主要包括：

1. 获取字符串长度:
* string.length: 这是最直接的方法，它会返回字符串中字符的数量。

2. 截取字符串（限制长度）:
* string.substring(startIndex, endIndex): 截取从 startIndex 到 endIndex - 1 的子字符串。
* string.slice(startIndex, endIndex): 类似于 substring，但支持负数索引（表示从字符串末尾开始计算）。
* string.substr(startIndex, length): 截取从 startIndex 开始，长度为 length 的子字符串（注意：substr 在 ECMAScript 2022 中被标记为已弃用，不推荐使用，但仍可在某些环境中工作）。

3. 填充字符串（达到指定长度）:
* string.padEnd(targetLength, padString): 在字符串末尾填充 padString，直到字符串达到 targetLength。
* string.padStart(targetLength, padString): 在字符串开头填充 padString，直到字符串达到 targetLength。

下面将详细介绍这些方法，并提供相应的代码示例。

—

1. 获取字符串长度

这是最基础的操作，用于了解字符串当前有多长。

javascript
const myString = "Hello, JavaScript!";
console.log(myString.length); // 输出: 18


—

2. 截取字符串（限制长度）

这通常用于将过长的字符串截断到指定的长度。

string.substring(startIndex, endIndex)

* startIndex: 要开始截取的索引（包含）。
* endIndex: 要结束截取的索引（不包含）。如果省略，则截取到字符串末尾。
* 如果 startIndex 大于 endIndex，它们会自动交换。

javascript
const longString = "This is a very long string that needs to be truncated.";

// 截取前10个字符
const firstTen = longString.substring(0, 10);
console.log(firstTen); // 输出: "This is a "

// 截取从索引5开始到末尾
const fromIndexFive = longString.substring(5);
console.log(fromIndexFive); // 输出: "is a very long string that needs to be truncated."

// 截取特定范围
const middlePart = longString.substring(5, 15);
console.log(middlePart); // 输出: "is a very "

// 交换索引的例子
const swapped = longString.substring(15, 5);
console.log(swapped); // 输出: "is a very " (等同于 substring(5, 15))


string.slice(startIndex, endIndex)

* startIndex: 要开始截取的索引（包含）。
* endIndex: 要结束截取的索引（不包含）。如果省略，则截取到字符串末尾。
* 支持负数索引: 负数索引表示从字符串末尾开始计算。-1 表示最后一个字符，-2 表示倒数第二个字符，以此类推。

javascript
const anotherString = "Programming is fun and useful.";

// 截取前11个字符
const firstEleven = anotherString.slice(0, 11);
console.log(firstEleven); // 输出: "Programming"

// 截取从索引12开始到末尾
const fromIndexTwelve = anotherString.slice(12);
console.log(fromIndexTwelve); // 输出: "is fun and useful."

// 截取最后6个字符
const lastSix = anotherString.slice(-6);
console.log(lastSix); // 输出: "eful."

// 截取从倒数第10个字符到倒数第4个字符（不包含）
const fromEnd = anotherString.slice(-10, -4);
console.log(fromEnd); // 输出: "and us"

// 如果 startIndex > endIndex，不会自动交换，而是返回空字符串
const invalidSlice = anotherString.slice(10, 5);
console.log(invalidSlice); // 输出: ""


string.substr(startIndex, length) (已弃用，不推荐)

* startIndex: 要开始截取的索引。
* length: 要截取的字符数量。

javascript
const yetAnotherString = "JavaScript is powerful.";

// 从索引0开始，截取10个字符
// const subStrResult = yetAnotherString.substr(0, 10);
// console.log(subStrResult); // 输出: "JavaScript" (如果环境支持)

// 从索引11开始，截取直到末尾 (length 不指定)
// const subStrToEnd = yetAnotherString.substr(11);
// console.log(subStrToEnd); // 输出: "is powerful." (如果环境支持)


推荐使用 substring 或 slice 来代替 substr。

—

3. 填充字符串（达到指定长度）

这通常用于生成固定长度的字符串，例如在数字前面添加零。

string.padEnd(targetLength, padString)

* targetLength: 最终字符串的目标长度。
* padString: 用于填充的字符串。如果省略，则默认填充空格。如果 padString 太长，它会被截断以填充到 targetLength。

javascript
const num1 = "5";
const paddedNum1 = num1.padEnd(3, "0");
console.log(paddedNum1); // 输出: "500"

const text = "Hi";
const paddedText = text.padEnd(7, "-");
console.log(paddedText); // 输出: "Hi-----"

const shortPad = "abc";
const paddedShort = shortPad.padEnd(10, "xyz");
console.log(paddedShort); // 输出: "abcxyzxy" (xyz 重复截断使用)


string.padStart(targetLength, padString)

* targetLength: 最终字符串的目标长度。
* padString: 用于填充的字符串。如果省略，则默认填充空格。如果 padString 太长，它会被截断以填充到 targetLength。

javascript
const num2 = "42";
const paddedNum2 = num2.padStart(5, "0");
console.log(paddedNum2); // 输出: "00042"

const greeting = "Hello";
const paddedGreeting = greeting.padStart(10, "*");
console.log(paddedGreeting); // 输出: "*****Hello"

const anotherShortPad = "123";
const paddedAnother = anotherShortPad.padStart(10, "abc");
console.log(paddedAnother); // 输出: "abcabcab123" (abc 重复截断使用)


—

示例：截断并添加省略号

一个常见的需求是将字符串截断到指定长度，并在截断处添加省略号（…）。

javascript
function truncateString(str, maxLength) {
if (str.length > maxLength) {
// 截取到 maxLength - 3 的长度，为省略号留出空间
return str.substring(0, maxLength - 3) + "...";
} else {
return str;
}
}

const longText = "This is a sample text that is quite long and needs to be shortened for display.";
const shortText = "Short text.";

console.log(truncateString(longText, 20)); // 输出: "This is a sample te..."
console.log(truncateString(shortText, 20)); // 输出: "Short text."


—

总结

* 获取长度: 使用 string.length。
* 截断到指定长度:
* 推荐使用 string.slice(startIndex, endIndex)。
* string.substring(startIndex, endIndex) 也是一个不错的选择，但 slice 对负数索引的支持使其更灵活。
* 避免使用 string.substr()。
* 填充到指定长度:
* string.padEnd(targetLength, padString) 用于在末尾填充。
* string.padStart(targetLength, padString) 用于在开头填充。

根据你的具体需求，选择最合适的方法来控制字符串的长度。