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

Question

我有一个这样的数组：

array = ["123", "456", "#123"]

我想找到包含子字符串"#" 的元素。我尝试了array.includes("#") 和array.indexOf("#")，但没有成功。

如何检查此数组中的任何字符串是否包含子字符串"#"？

Answer 1

因为包含会将“#”与每个数组元素进行比较。

如果您想查找是否要准确获取元素，请尝试使用 some 或 find

var array = ["123", "456", "#123"];

var el = array.find(a =>a.includes("#"));

console.log(el)

Answer 2

这里似乎有多个问题，因为标题和帖子正文不同。您想知道数组是否有元素还是要获取元素本身？如果你想获取一个元素，你想要哪一个——第一次出现、最后一次出现还是所有出现的数组？

这篇文章旨在为未来的访问者提供资源，这些访问者可能不一定想要find（即返回左侧的第一个元素），如顶部答案所示。为了详细说明这个答案，在布尔上下文中不分青红皂白地将some 替换为find 存在一个问题——返回的元素可能是错误的，如

if ([5, 6, 0].find(e => e < 3)) { // fix: use `some` instead of `find`
  console.log("you might expect this to run");
}
else {
  console.log("but this actually runs " +
    "because the found element happens to be falsey");
}

请注意，e => e.includes("#") 可以替换为任何谓词，因此这在很大程度上是与问题无关的。

---

是否有任何元素与谓词匹配？

const array = ["123", "456", "#123"];
console.log(array.some(e => e.includes("#"))); // true
console.log(array.some(e => e.includes("foobar"))); // false

MDN: Array.prototype.some()

每个元素都匹配谓词吗？

const array = ["123", "456", "#123"];
console.log(array.every(e => e.includes("#"))); // false
console.log(array.every(e => /\d/.test(e))); // true

MDN: Array.prototype.every()

与谓词匹配的第一个元素是什么？

const array = ["123", "456", "#123", "456#"];
console.log(array.find(e => e.includes("#"))); // "#123"
console.log(array.find(e => e.includes("foobar"))); // undefined

MDN: Array.prototype.find()

与谓词匹配的第一个元素的索引是多少？

const array = ["123", "456", "#123", "456#"];
console.log(array.findIndex(e => e.includes("#"))); // 2
console.log(array.findIndex(e => e.includes("foobar"))); // -1

MDN: Array.prototype.findIndex()

与谓词匹配的所有元素是什么？

const array = ["123", "456", "#123", "456#"];
console.log(array.filter(e => e.includes("#"))); // ["#123", "456#"]
console.log(array.filter(e => e.includes("foobar"))); // []

MDN: Array.prototype.filter()

与谓词匹配的所有元素的索引是什么？

const filterIndices = (a, pred) => a.reduce((acc, e, i) => {
  pred(e, i, a) && acc.push(i);
  return acc;
}, []);

const array = ["123", "456", "#123", "456#"];
console.log(filterIndices(array, e => e.includes("#"))); // [2, 3]
console.log(filterIndices(array, e => e.includes("foobar"))); // []

MDN: Array.prototype.reduce()

与谓词匹配的最后一个元素是什么？

const findLast = (a, pred) => {
  for (let i = a.length - 1; i >= 0; i--) {
    if (pred(a[i], i, a)) {
      return a[i];
    }
  }
};

const array = ["123", "456", "#123", "456#"];
console.log(findLast(array, e => e.includes("#"))); // "456#"
console.log(findLast(array, e => e.includes("foobar"))); // undefined

与谓词匹配的最后一个元素的索引是多少？

const findLastIndex = (a, pred) => {
  for (let i = a.length - 1; i >= 0; i--) {
    if (pred(a[i], i, a)) {
      return i;
    }
  }

  return -1;
};

const array = ["123", "456", "#123", "456#"];
console.log(findLastIndex(array, e => e.includes("#"))); // 3
console.log(findLastIndex(array, e => e.includes("foobar"))); // -1

Answer 3

你可以使用join方法：

array.join('').indexOf("#")

Answer 4

使用Array.some:

array.some((item) => item.includes('#'));

它只是检查某些项目是否包含“#” - 可读且清晰。

Answer 5

你可以使用filter()。

    var array = ["123", "456", "#123"];

    console.log(array.filter(function(item){
        var finder = '#';
        return eval('/'+finder+'/').test(item);
    }));

通过传递一个函数，您可以过滤并返回与您要查找的内容相匹配的元素。

在这个例子中，我使用了eval()，只是因为获取字符串使用RegExp，但是可以使用==操作符获取。