获取字符串 javascript 的前 10 个字符

在 JavaScript 中，获取一个字符串的前 10 个字符可以使用 substring() 方法或者简写方式 str.slice(0,10)。

使用 substring() 方法

const str = 'javascript';
const substr = str.substring(0, 10);
console.log(substr); // 输出 'javascrip'

substring() 方法接受两个参数，第一个参数为起始位置（包括该位置）的索引，第二个参数为结束位置（不包括该位置）的索引。因此，要获取字符串的前 10 个字符，我们可以使用 substring(0,10)。

使用简写方式 str.slice()

const str = 'javascript';
const substr = str.slice(0, 10);
console.log(substr); // 输出 'javascrip'

slice() 方法也能够用来获取字符串的子串。其中，第一个参数为起始位置的索引，第二个参数为结束位置的索引（不包括该位置）。因此，使用 str.slice(0,10) 就可以获取字符串的前 10 个字符。

总的来说，substring() 方法和 str.slice() 方法都能够用来获取字符串的子串。它们的不同之处在于当传入的参数有误时，它们的处理方式有所不同。具体来说，当传入的参数中有一个为负数时，substring() 方法会将其修正为 0，而 str.slice() 方法会将其修正为字符串的长度加上该值。此外，当第一个参数大于第二个参数时，substring() 方法会将它们的位置互换，而 str.slice() 方法则返回一个空字符串。

为了避免上述问题，我们可以在调用这两个方法时，统一使用 Math.max(0, index) 来确保开始位置大于等于 0。使用 Math.min(length, index + length) 来确保结束位置小于等于字符串的长度。其中，length 表示字符串的长度，index 表示开始位置的索引。这样，我们就能够正确地获取字符串的子串，而不会出现意料之外的问题了。