javascript String 的扩展方法集合

下面是关于“javascript String 的扩展方法集合”的完整攻略。

标准的 String 方法

JavaScript 中的 String 拥有许多标准的方法，例如 charAt()、substr()、slice()、toUpperCase() 等等。这些方法可以在 MDN 上找到详细的文档说明和使用示例。

扩展的 String 方法

除了标准的方法，还有一些扩展的 String 方法，可以帮助我们更方便的操作字符串。下面是一些常用的扩展方法集合。

includes()

includes() 方法用于判断一个字符串是否包含另一个指定的字符串，返回一个布尔值。

const str = 'hello world';
console.log(str.includes('world'));  // true
console.log(str.includes('WORLD'));  // false

startsWith()

startsWith() 方法用于判断一个字符串是否以另一个指定的字符串开头，返回一个布尔值。

const str = 'hello world';
console.log(str.startsWith('hello'));  // true
console.log(str.startsWith('HELLO'));  // false

endsWith()

endsWith() 方法用于判断一个字符串是否以另一个指定的字符串结尾，返回一个布尔值。

const str = 'hello world';
console.log(str.endsWith('world'));  // true
console.log(str.endsWith('WORLD'));  // false

repeat()

repeat() 方法用于将一个字符串重复指定次数，返回一个新的字符串。

const str = 'hello';
console.log(str.repeat(3));  // 'hellohellohello'

padStart() 和 padEnd()

padStart() 和 padEnd() 方法用于在一个字符串的开头或结尾添加指定的字符，使字符串达到指定长度。

const str = 'hello';
console.log(str.padStart(8, 'x'));  // 'xxxhello'
console.log(str.padEnd(8, 'x'));  // 'helloxxx'

示例说明

示例一：使用 includes() 和 endsWith() 方法判断用户名是否合法

考虑一个常见场景：注册页面的用户名输入框要求必须是字母、数字、下划线组成的 6 到 12 个字符。我们可以使用 includes() 和 endsWith() 方法来判断用户名是否符合要求。

const username = 'abcdef123_';
if (username.length >= 6 && username.length <= 12
    && !username.includes(' ')
    && username.endsWith('_')
    && /^[a-zA-Z0-9_]+$/.test(username)) {
  console.log('用户名合法');
} else {
  console.log('用户名不合法');
}

示例二：使用 padStart() 方法将数字补齐位数

假设我们需要将一个数字补齐成两位数，如果只有一位数则在开头添加一个 0，可以使用 padStart() 方法。

let num = 5;
const numStr = num.toString().padStart(2, '0');
console.log(numStr);  // '05'

num = 12;
const numStr2 = num.toString().padStart(2, '0');
console.log(numStr2);  // '12'

这就是关于“javascript String 的扩展方法集合”的详细攻略，希望能对你有所帮助！