javascript - 从 2 个数组中找到一个匹配值，一个数组中有一个 html 元素 - Javascript

Question

我想比较 2 个数组并从中找到匹配的值，理想情况下这个问题之前已经被问过并且看起来它部分适用于我的情况。

假设我有:

var array1 = ["test-123", "id-859","hi-8098", "hello-9090"];
var array2= ["Welcome <span>test-123</span>", "Welcome33 <span>id-859</span>","How are you <span>hi-8098</span>", "Geat <span>hello-9090</span>", "see ya <span>nono-58758</span>"];

在我的例子中，我有 html 元素 span我想匹配 <span> 中的值并作为 o/p 返回:

var newArray= ["Welcome", "Welcome33 ","How are you ", "Geat "];

所以基本上 array1 中的值与 array2 中的所有值匹配，除了最后一个 "see ya <span>nono-58758</span>" .使用过滤器我可以获得匹配值，但这些值非常简单，

newArray = array1.filter(e => array2.indexOf(e) !== -1); // in my case its undefined, as it does not recognize the html element in it.

当 html 元素存在于数组中时，关于如何获取匹配值的任何想法？谢谢!

Answer 1

这也行

var array1 = ["test-123", "id-859","hi-8098", "hello-9090"];
var array2= ["Welcome <span>test-123</span>", "Welcome33 <span>id-859</span>","How are you <span>hi-8098</span>", "Geat <span>hello-9090</span>", "see ya <span>nono-58758</span>"];



var k=[];
array2.forEach(a=>{
  array1.forEach(b=>{
if(a.indexOf(b)!=-1){
k.push(a);
}

  })
 
})

let j=k.reduce((o,a)=>{
 let i= a.split("<span>");
 o.push(i[0]);
 return o;
},[])

console.log(j)