主页 / 问题 / 922720
Accepted
Alexey Giryayev
Asked:2020-12-19 05:46:27 +0000 UTC2020-12-19 05:46:27 +0000 UTC

从数组中过滤对象并修剪链接

  • 772

有一个特定的数组和一个简单的函数用于显示其中的数据：

var arr=[
    ['1','Name 01','/logo01.png','link01.html'],
    ['2','Name 02','/logo02.png','link02.html'],
    ['3','Name key 03','/logo03.png','link03.html'],
    ['4','Name 04','/logo04.png','link04.html'],
    ['5','Name 05','/logo05.png ~ /image.jpg','link05.html'],
    ['6','Name yek 06','/logo06.png','link06.html'],
]

var text = '';
var i;
for (i = 0; i < arr.length; i++) {
  text += "<a href='"  + arr[i][3] +  "'>" + arr[i][1] + "</a>(" + arr[i][2] + ")<br>";
}
document.getElementById("test").innerHTML = text;
<div id="test"></div>

问题：

  1. 如何通过从数组中删除包含“key”和“yek”的对象来正确过滤数组。

  2. 在这种情况下如何留下一个指向图像的链接/logo05.png ~ /image.jpg？也就是说，清理所有不必要的之后/logoХХ.png？

最终，结果应该是这样的：

<div id="test">
    <a href="link01.html">Name 01</a>(/logo01.png)<br>
    <a href="link02.html">Name 02</a>(/logo02.png)<br>
    <a href="link04.html">Name 04</a>(/logo04.png)<br>
    <a href="link05.html">Name 05</a>(/logo05.png)<br>
</div>

感谢您提供任何解决方案或类似示例的平庸链接。

javascript

1 个回答

  1. Best Answer

    var arr = [
  ['1','Name 01','/logo01.png','link01.html'],
  ['2','Name 02','/logo02.png','link02.html'],
  ['3','Name key 03','/logo03.png','link03.html'],
  ['4','Name 04','/logo04.png','link04.html'],
  ['5','Name 05','/logo05.png ~ /image.jpg','link05.html'],
  ['6','Name yek 06','/logo06.png','link06.html'],
];

var exclusions = [ "key", "yek" ];

var arr1 = arr.filter(item => {
  for (var j = 0; j < exclusions.length; j++) {
    if (item[1].indexOf(exclusions[j]) != -1)
      return false;
  }
  return true;
});

var text = '';
var i;
for (i = 0; i < arr1.length; i++) {
  text += "<a href='"  + arr1[i][3] +  "'>" + arr1[i][1] + "</a>(" + arr1[i][2].split("~")[0].trim() + ")<br>";
}
document.getElementById("test").innerHTML = text;
    <div id="test"></div>

    • 4

相关问题