Vue判断字符串(或数组)中是否包含某个元素的多种方法

关于Vue中判断字符串或数组中是否包含某个元素的方法主要有以下几种方式：

字符串判断

includes

ES6中新增了字符串方法includes，它返回一个布尔值，表示当前字符串是否包含传入的字符或字符串。

const str = 'hello world'
console.log(str.includes('he')) // true
console.log(str.includes('lo')) // true
console.log(str.includes('hi')) // false

indexOf

indexOf 方法返回调用它的字符串对象中第一次出现的指定值的索引，如果没找到则返回-1.

const str = 'hello world'
console.log(str.indexOf('he') !== -1) // true
console.log(str.indexOf('lo') !== -1) // true
console.log(str.indexOf('hi') !== -1) // false

数组判断

includes

ES7中新增了数组方法includes，它返回一个布尔值，表示当前数组是否包含传入的元素。

const arr = [1, 2, 3]
console.log(arr.includes(2)) // true
console.log(arr.includes(4)) // false

indexOf

同字符串中的indexOf方法一样，indexOf方法也可以应用在数组上，返回调用它的数组对象中第一次出现的指定值的索引，如果没找到则返回-1.

const arr = [1, 2, 3]
console.log(arr.indexOf(2) !== -1) // true
console.log(arr.indexOf(4) !== -1) // false

filter

filter方法可用于筛选出数组中满足条件的元素，可以通过返回一个新数组来实现字符串或数组的包含判断。

const arr = ['I', 'love', 'programming']
const newArr = arr.filter(item => item.includes('ove'))
console.log(newArr.length > 0) // true

以上就是 Vue中判断字符串(或数组)中是否包含某个元素的多种方法的攻略，希望能对你有所帮助。