javascript - Javascript - リンクが画像に属するかどうかに応じてリンクを分離する

Question

特定のリンクが画像に属しているかどうかに基づいて、リンクを分離しようとしています。私がこれまでに持っているもの：

//get all links
var links = document.querySelectorAll("a");
//get all image_links
var images = document.getElementsByTagName('img');

var all_links = [];
var all_images = [];
var text_links = [];

for (var l = 0;l < links.length; l++) {
all_links.push(links[l]);
}

for (var i = 0; i < images.length; i++) {
all_images.push(images[i].parentNode.href);
}

text_links配列に含まれていないすべてのリンクを含む新しい配列 ( ) を作成するにはどうすれば追加できall_imagesますか? だから本質的に私はしようとしています：

1. すべてのリンクを検索します。
2. すべての画像リンクを検索しています。
3. image_links 配列に含まれていないリンクを text_links 配列にフィルターで除外します。

純粋な JS を使用してこれを行うより良い方法はありますか、それともライブラリを使用する必要がありますか?

画像リンクの HTML (parentNode の href を取得):

<a title="Cooling Solutions" href="http://www.url.com/" onclick="s_objectID="http://www.url.com/?povid=P1171-C1143.2978+1139.3124-L0_1";return this.s_oc?this.s_oc(e):true">
<img width="495" height="225" src="http://i3.url.com/images/Site495x225.png" usemap="#map-33">
</a>