javascript - 在javascript中的数组中搜索

Question

我已经尝试了一段时间在一个数组中进行搜索，我已经查看了所有其他问题，这些问题甚至有点像我的问题，但没有任何效果，所以我现在请求您提供任何帮助..

我有一个内部结构比简单字符串数组更复杂的数组

    var elementDefns = [
    {"element":"water", "combos": {"air":"steam", "earth":"sand"} },
    {"element":"fire", "combos": {"earth":"lava", "air":"energy"} },
    {"element":"air", "combos": {"water":"steam", "earth":"dust"} },
    {"element":"earth", "combos": {"water":"swamp", "fire":"lava"} },
];

(由用户)选择两个元素，将它们组合起来创建新元素。我想在元素中搜索可以制作的任何组合。理想情况下，我想使用 Array.prototype.find，尽管我无法弄清楚如何正确使用 polyfill，而且我不确定我是否正确编写了它，所以它仍然无法正常工作

    var elementOne = $("#board img:first-child").attr('id'); 
    var elementTwo = $("#board img:last-child").attr('id');

    function findElement(element) { 
        return elementDefns.element === elementOne;
    }

board 是 id div，单击后元素卡片将转到该位置。我也试了一个循环

    for (var i=0,  tot=elementDefns.length; i < tot; i++) {
            var indexHelp = elementDefns[i].element;
            var find = indexHelp.search(elementOne);
            console.log(find);
        }

我正在尝试发布一个不太长的问题，但我确信我的代码还有很多我需要调整才能做到这一点。我想我只是在问你是否认为我可以做一些显而易见的事情。我已经查看了该网站上针对类似问题的大部分答案，但一切都非常错误，因此非常感谢任何其他支持。.

Answer 1

I have an array with a more complex insides than a simple string array

是的，但为什么呢？摆脱额外的层，这是微不足道的

var e1 = "water";
var e2 = "air";

var elementDefns = {
    "water": {"combos": {"air":"steam", "earth":"sand"} },
    "fire":  {"combos": {"earth":"lava", "air":"energy"} },
    "air":   {"combos": {"water":"steam", "earth":"dust"} },
    "earth": {"combos": {"water":"swamp", "fire":"lava"} },
};

elementDefns[e1].combos[e2] = > " Steam "