js中数组结合字符串实现查找(屏蔽广告判断url等)

JS中数组和字符串结合可以方便地实现字符串的查找和筛选，常见的应用包括屏蔽广告，判断URL等。下面我们来详细讲解如何实现这些功能。

1. 屏蔽广告

1.1 实现思路

在网页中屏蔽广告的过程中，我们通常需要先获取到网页中所有的链接，并判断这些链接是否属于广告链接。判断广告链接的方法可以是比对链接的地址、名称等。这个过程可以使用正则表达式和数组的方式来实现。

1.2 代码示例

Step 1: 定义广告链接列表

定义一个数组，将所有需要屏蔽的广告链接存储在数组中。例如：

const ads = [
  'https://www.baidu.com/link?url=xxxxxx',
  'https://www.qunar.com/link?url=xxxxxx',
  'https://www.taobao.com/link?url=xxxxxx'
];

Step 2: 获取链接列表

使用JS的DOM操作获取到网页中的所有链接，可以使用类似以下的代码：

const links = document.getElementsByTagName('a');

Step 3: 匹配广告链接并修改

遍历所有链接，对于每个链接，使用循环来遍历广告链接数组，尝试将当前链接和广告链接进行匹配。如果匹配上了，那么将该链接的样式修改掉（例如改成display:none），达到屏蔽广告的目的。例如：

for (let i = 0; i < links.length; i++) {
  const link = links[i];
  for (let j = 0; j < ads.length; j++) {
    const adLink = new RegExp(ads[j]);
    if (adLink.test(link.href)) {
      link.style.display = 'none';
      break;
    }
  }
}

2. 判断URL

2.1 实现思路

判断URL需要用到字符串的indexOf()方法，该方法可以在一个字符串中查找是否存在另外一个字符串，并返回其位置。例如，对于下面的URL:

https://www.baidu.com/s?ie=utf-8&wd=javascript

我们可以使用indexOf()方法来查找是否包含字符串"javascript"。

2.2 代码示例

Step 1: 定义关键字列表

定义一个数组，将所有需要查找的关键字存储在数组中。例如：

const keywords = ['baidu', 'google', 'facebook'];

Step 2: 获取当前URL

使用window对象的location属性来获取当前页面的URL：

const url = window.location.href;

Step 3: 匹配关键字并输出结果

使用indexOf()方法遍历所有关键字，查找其是否存在于当前URL中。如果存在，那么输出判断结果。例如：

for (let i = 0; i < keywords.length; i++) {
  const keyword = keywords[i];
  if (url.indexOf(keyword) !== -1) {
    console.log("URL中包含关键字： " + keyword);
  }
}

以上就是JS中使用数组结合字符串实现查找的攻略，希望对大家有所帮助。