计算数组中重复的JavaScript对象值

你好，我是这个社区的新手，这是我的第一个问题

///我有一个对象数组。总有一天会有几百个

var locations = [{
    "name": "Costco",
    "city": "San Francisco",
    "state": "CA",
    "zip": "75201",
}, {
    "name": "Safeway",
    "city": "Appleton",
    "state": "WI",
    "zip": "90210",
}, {
    "name": "Foodmart",
    "city": "Orlando",
    "state": "FL",
    "zip": "90210",
}, {
    "name": "Trader Joes",
    "city": "Concord",
    "state": "CA",
    "zip": "90210",
}];

///我需要计算每个“状态：”并将值作为变量保存，如下所示

var CA
/// Value would be 2

var FL
/// Value would be 1

var WI
/// Value would be 1 

---

///原谅我，我对数组的

有点生疏，使用一个简单的循环，你可以这样做。（这使用ES6 arrow函数语法和let。很容易被var和匿名函数语法替换，以实现更老的浏览器兼容性）

这将在数组上循环，检查计数器对象中是否存在条目，如果存在，则增加计数，否则添加条目并将其设置为1

注意，我使用了一个对象来存储计数，而不是单个变量。通过这种方式，它不那么混乱，也更容易索引。

多亏了“Sterling Archer”。。。这个问题解决了。 小提琴：

---

到目前为止，您做了什么？您的结果是什么？您需要将状态计数存储在单个变量中，还是一个obj工作

states={'CA'：2，'FL'：1等}

我需要48个单独的变量。这将在加载时渲染。每个状态一个变量。我可以问一下为什么在一个对象变量上需要48个单独的变量吗？该变量将被发送到画布游戏引擎，该引擎将为每个状态使用这些值。在这个引擎中用于读取值的javascript是有限的。问题：那么我如何隔离每个状态并写入其计数值呢？更好地了解我在做什么。在我的创造性画布中，我渲染每个状态的图标。如果states值大于或等于1，我将生成一个标记，显示states total。在我上面的例子中，加州会有一个（2）图标，因为它的计数是（2），并且我想要的变量CA=2。下面是我的脚本的输出：

Object{CA:2，WI:1，FL:1}

。假设您将其分配给

状态

，那么它就像

var countForCA=states[“CA”]一样简单谢谢，我会看看是否可以在JSFIDLE中使用它。但这需要一段时间。启动了一个JSFIDLE，但我做错了：（@Jean-Luc Picard您正在尝试在CA的计数被创建/填充之前访问它（您也错误地使用了字符串），“states”是一个字符串，没有“CA”属性。请删除states周围的引号，并将其放在循环之后
let states = {};

locations.forEach(obj => {
    if (states[obj.state]) states[obj.state]++;
    else states[obj.state] = 1;
});

// LIST

var locations = [{
  "name": "Costco",
  "city": "San Francisco",
  "state": "CA",
  "zip": "75201",
}, {
  "name": "Safeway",
  "city": "Appleton",
  "state": "WI",
  "zip": "90210",
}, {
  "name": "Foodmart",
  "city": "Orlando",
  "state": "FL",
  "zip": "90210",
}, {
  "name": "Trader Joes",
  "city": "Concord",
  "state": "CA",
  "zip": "90210",
}];

var states = {};
locations.forEach(obj => {
  if (states[obj.state]) states[obj.state]++;
  else states[obj.state] = 1;
});

var countForCA = states["CA"];

magic();
function magic() {
  document.getElementById("state_total").innerHTML = "CA Count: "+countForCA;
  document.getElementById("array_total").innerHTML = "Array Total: " + locations.length;
}