原生JS 判断字符串中是否包含另一个字符串
时间: 2023-10-17 07:18:43 浏览: 94
可以使用 JavaScript 中的 `includes()` 方法来判断一个字符串是否包含另一个字符串,示例如下:
```javascript
const str = 'Hello World';
const subStr = 'Hello';
if (str.includes(subStr)) {
console.log('字符串中包含另一个字符串');
} else {
console.log('字符串中不包含另一个字符串');
}
```
在上面的示例中,我们使用 `includes()` 方法来判断 `str` 字符串是否包含 `subStr` 字符串。如果包含,则输出 `字符串中包含另一个字符串`,否则输出 `字符串中不包含另一个字符串`。
相关问题
vue判断字符串是否包含
Vue.js 本身并没有提供判断字符串是否包含的方法,但是可以使用 JavaScript 的原生方法来实现。
1. 使用 includes() 方法
includes() 方法可以判断一个字符串是否包含另一个字符串,如果包含则返回 true,否则返回 false。
示例代码:
```javascript
let str = 'hello world';
if (str.includes('world')) {
console.log('包含');
} else {
console.log('不包含');
}
```
输出结果:
```
包含
```
2. 使用 indexOf() 方法
indexOf() 方法可以返回一个字符串在另一个字符串中第一次出现的位置,如果未出现则返回 -1。
示例代码:
```javascript
let str = 'hello world';
if (str.indexOf('world') !== -1) {
console.log('包含');
} else {
console.log('不包含');
}
```
输出结果:
```
包含
```
注意:需要使用 !== 进行全等判断,因为 indexOf() 方法返回的位置可能是 0,而 0 也代表 false。
Vue的includes查找数组内是否包含多个字符串
Vue.js 的 `includes` 方法和 JavaScript 原生的 `includes` 方法用法相同。如果你想要判断数组内是否包含多个字符串,可以使用 `every` 方法配合 `includes` 方法来实现。
例如,假设有一个字符串数组 `arr`,包含了多个字符串,需要判断数组内是否同时包含字符串 `"foo"` 和 `"bar"`。可以使用以下代码:
```javascript
let arr = ["foo", "baz", "qux", "bar"];
let includesAll = ["foo", "bar"].every(str => arr.includes(str));
console.log(includesAll); // false
```
这里使用了 `every` 方法来对判断 `"foo"` 和 `"bar"` 是否同时存在于数组 `arr` 中。如果所有的判断都返回 `true`,则 `includesAll` 的值为 `true`,否则为 `false`。
阅读全文