在javascript中比较两个不同的数组

Question

可以任何一个帮助在这我试图比较两个不同的数组推比值当比较相等时。下面是我的两个（imageslide.therapy），totalValues数组，我想比较猫和狗的名字。如果条件为真，那么我需要推送他们的图片网址。

var imageslide = {
"therapy": [
    {
        "name": "cats",
        "images": [
            { "url": "cat/firstimg.jpg" },
            { "url": "cat/secondimg.jpg" },
            { "url": "cat/thirdimg.jpg" },
            { "url": "cat/fourthimg.jpg" }
        ]
    },

    {
        "name": "dogs",
        "images": [
            { "url": "dog/firstdog.jpeg" },
            { "url": "dog/seconddog.jpg" },
            { "url": "dog/thirddog.jpg" },
            { "url": "dog/fourthdog.jpg" }
        ]
    },

  ]
}

var totalValues = ["cats","dogs"];

我尝试如下

var imageArray = imageslide.therapy
function compare(imageArray,totalValues ){
    imageArray.forEach((e1)=>totalValues.forEach((e2)=>{

        if(e1.name==e2){
    console.log(e1.name,",",e2)
        }
    })

Answer 1

我从你的问题中理解的是答案。请原谅我，我对箭头功能了解不多，所以我用简单的javascript写了。

var imageslide = {
    "therapy": [
                    {
                        "name": "cats",
                        "images": [
                            { "url": "cat/firstimg.jpg" },
                            { "url": "cat/secondimg.jpg" },
                            { "url": "cat/thirdimg.jpg" },
                            { "url": "cat/fourthimg.jpg" }
                        ]
                    },

                    {
                        "name": "dogs",
                        "images": [
                            { "url": "dog/firstdog.jpeg" },
                            { "url": "dog/seconddog.jpg" },
                            { "url": "dog/thirddog.jpg" },
                            { "url": "dog/fourthdog.jpg" }
                        ]
                    },

                ]
}
var totalValues = ["cats","dogs"];
var imageArray = imageslide.therapy
function compare(imageArray,totalValues ){
    for(var i=0;i<imageArray.length;i++){
        for(var j=0;j<totalValues.length;j++){
            if(totalValues[j]=imageArray[i].name){
                console.log(imageArray[i].name+"=="+totalValues[j]);
                //imageArray[i].images.push({"url": "https://hexasoft.io"});
                //break;
                return imageArray[i].images;
            }
        }

    }
    //printResult(imageArray);
    return [];
}
function printResult(resultArray){
    for(var i=0;i<resultArray.length;i++) {
        console.log(resultArray[i].name);
        for(var j=0;j<resultArray[i].images.length;j++){
            console.log(resultArray[i].images[j]);
        }
    }
}
images = compare(imageArray, totalValues);
if(images.length > 0){
     for(var i=0;i<images.length; i++){
         images[i].push({"url": "your url"});
     }  
}

Answer 2

查看javascript filter函数（文档的Link）。

在你的情况下，你想做这样的事情：

function getImagesByAnimalName(animal_name){
  var imageArray = imageslide.therapy;
  
  var animalImages = imageArray.filter(animalData => {
    return animalData.name === animal_name;
  })
  return animalImages[0].images;
}

Answer 3

试试吧。该函数将返回totalValues数组中每个元素的URL。

var totalValues = ["cats"];
var slides = imageslide.therapy;

function comp(slides, totalValues ){
  let retVal;
  for( val of totalValues ) {
    for( thisTh of slides ) {
      if( thisTh.name == val ){
        retVal = thisTh.images;
      }
    }
  }
  
  return retVal;
}

Answer 4

以下将创建pics，一个平面的图像URL数组，如果这是你想要的：

var pics=[].concat(...imageslide.therapy.map(el=>{
  if (totalValues.indexOf(el.name)>-1) 
return el.images.map(e=>e.url)}))
console.log(pics);

Answer 5

function compare(imageArray, totalValues) {
    for (var a = 0; a < imageArray.length; a++) {
        for (var j = 0; j < totalValues.length; j++) {
            if (totalValues[j] == imageArray[a].name) {
                allValues.push(imageArray[a].images);
                for (var i = 0; i < allValues.length; i++) {
                   for(var j = 0; j < allValues[i].length; j++){
                    buildSlide(allValues[i][j].url);
                }
                }
            }
        }
    }
    displaySlides(slide_index);
}