前端一段字符串截取英文字符之前的字符串

可以使用正则表达式来实现这个功能。以下是一个示例代码：

function getSubstringBeforeEnglishChar(str) {
  const regex = /^[a-zA-Z]/; // 匹配英文字符的正则表达式
  const match = str.match(regex);
  if (match) {
    return str.substring(0, match.index);
  } else {
    return str;
  }
}

使用方法：

const str = "Hello, 世界!";
const result = getSubstringBeforeEnglishChar(str); // result = "Hello, "

代码解释：

1. 定义一个正则表达式 `regex`，它匹配以英文字符开头的字符串。
2. 使用 `match()` 方法在输入字符串 `str` 中查找匹配的子字符串。
3. 如果找到匹配的子字符串，则返回输入字符串的前缀，即从开始位置到匹配子字符串的位置。
4. 如果没有找到匹配的子字符串，则返回整个输入字符串。

相关问题

前端如何判断字符串大于10的时候显示...

可以使用CSS的text-overflow属性来实现。具体做法是，在需要显示的文本的父元素上设置样式white-space: nowrap;和overflow: hidden;，并在该元素上设置一个固定的宽度，然后在文本末尾加上省略号（...），代码示例如下：

<style>
    .text {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
</style>

<div class="text">这是一段需要截取的文本，如果超过10个字符就应该显示省略号...</div>

在上面的示例中，文本框的宽度设置为100px，如果文本超过100px，就会自动省略显示为“这是一段需要截取的文本，如果超过10个字符就应该显示省略号...”