使用 javascript/jquery 从 json 变量中获取 json 字符串名称

Question

我需要一种方法来获取数组的标题/名称，只需在 Javascript 中检测该数组内部的值。

我有一个 json 数组，其中有 greeting 和 food 的数组。变量x 等于hi，变量y 等于pizza。

    var $arrays = {问候语：['hello', 'hi'], food: ['pizza', 'cookie']};
    var x = '嗨',
        y = '比萨';

我现在需要为x 返回greeting 的名称，为y 返回food 的名称。

如果（x=='嗨'）{ 警报（$array.greeting）； // alert('问候'); } 如果（y=='比萨'）{ 警报（$array.food）； // 警报('食物'); }

在 Javascript 或 jQuery 中，哪种方式会更好，怎么样？

Answer 1

根据包含数组的对象的大小/结构，您可以简单地遍历它们的键并找到其值（数组）包含您要查找的值的键。这是它的外观。

var $arrays = {
  "greeting": ['hello', 'hi'],
  "food": ['pizza', 'cookie']
};
var x = 'hi',
    y = 'pizza';

function getContainerName(value) {
  return Object.keys($arrays).find(function(key) {
    return $arrays[key].find(function(elem) {
      return elem === value;
    })
  });
}

console.log(getContainerName(x));
console.log(getContainerName(y));

或者在 ES6 语法中

return Object.keys($arrays).find(key => $arrays[key].find(elem => elem === value));

---

UPDATE - 要搜索值数组并查找包含数组中所有值的属性的名称，您可以结合使用.every() 函数使用上面的代码，如下所示：

y = ['chips', 'pizza'], x = {"food":['banana', 'carrot', 'pizza', 'wheat', 'chips']};

function getContainerName(obj, values) {
  return Object.keys(obj).find(function(key) {
    return values.every(value => obj[key].find(function(elem) {
      return elem === value;
    }));
  });
}

console.log(getContainerName(x, y));