JavaScript中检查字符串数组是否包含子字符串

JavaScript 2月前 15

检查 JavaScript 数组是否包含子字符串：

在数组上调用 Array.find 方法。
使用 includes() 方法检查每个元素是否包含子字符串。
Array.find 方法将返回与子字符串匹配的元素的值。

const array = ['hello', 'world'];
const substring = 'hell';

const match = array.find(element => {
  if (element.includes(substring)) {
    return true;
  }
});

console.log(match); // ?️ hello

if (match !== undefined) {
  // array contains substring match
}

我们传递给 Array.find 方法的函数将对数组的每个元素进行调用，直到它返回真值或耗尽数组的元素。

我们使用 String.includes() 方法检查每个数组元素中是否包含子字符串。

const array = ['hello', 'world'];
const substring = 'HELL';

const match = array.find(element => {
  if (element.toLowerCase().includes(substring.toLowerCase())) {
    return true;
  }
});

console.log(match); // ?️ hello

if (match !== undefined) {
  // array contains substring match
}

使用 findIndex() 检查数组是否包含子字符串

检查 JavaScript 数组是否包含子字符串：

在数组上调用 Array.findIndex 方法。
使用 includes() 方法检查每个元素是否包含子字符串。
Array.findIndex 方法将返回与子字符串匹配的数组元素的索引。

const array = ['hello', 'world'];
const substring = 'hell';

const index = array.findIndex(element => {
  if (element.includes(substring)) {
    return true;
  }
});

console.log(index); // ?️ 0

if (index !== -1) {
    // array contains substring match
}

我们传递给 Array.findIndex 方法的函数会针对数组中的每个元素进行调用，直到它返回真值或遍历整个数组。

如果回调函数的所有调用都返回假值，则 findIndex 返回 -1。

使用 filter() 检查数组是否包含子字符串

检查 JavaScript 数组是否包含子字符串：

在数组上调用 Array.filter() 方法。
检查每个元素是否包含特定的子字符串。
Array.filter() 方法返回一个包含所有满足条件的元素的数组。

const array = ['hello', 'world'];
const substring = 'hell';

const matches = array.filter(element => {
  if (element.includes(substring)) {
    return true;
  }
});

console.log(matches); // ?️ [ 'hello' ]

if (matches.length > 0) {
  // array contains substring match
}