Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
176 views
in Technique[技术] by (71.8m points)

javascript - Count particular key value from array of object

I have following JSON array I want to create object form status key count

[
  {
    "id": "65:0",    
    "status": "ORANGE"
  },
  {
    "id": "65:0",
    "status": "GREEN"
  },
  {
    "id": "65:0",
    "status": "ORANGE"
  },
  {
    "id": "65:0",
    "status": "YELLOW"
  },
  {
    "id": "65:0",
    "status": "RED"
  },
  {
    "id": "65:0",
    "status": "GREEN"
  },
  {
    "id": "65:0",
    "status": "GREEN"
  },
   {
    "id": "65:0",
    "status": "ORANGE"
  },
  {
    "id": "65:0",
    "status": "YELLOW"
  },
  {
    "id": "65:0",
    "status": "GREEN"
  }
] 

Want to count status key value and create the following Object

{
 'ORANGE' : 3,
 'GREEN' : 4,
 'YELLOW' : 2,
 'RED' : 1,
}
See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Use Array#reduce method

var res = data.reduce(function(obj, v) {
  // increment or set the property
  // `(obj[v.status] || 0)` returns the property value if defined
  // or 0 ( since `undefined` is a falsy value
  obj[v.status] = (obj[v.status] || 0) + 1;
  // return the updated object
  return obj;
  // set the initial value as an object
}, {})

var data = [{
  "id": "65:0",
  "status": "ORANGE"
}, {
  "id": "65:0",
  "status": "GREEN"
}, {
  "id": "65:0",
  "status": "ORANGE"
}, {
  "id": "65:0",
  "status": "YELLOW"
}, {
  "id": "65:0",
  "status": "RED"
}, {
  "id": "65:0",
  "status": "GREEN"
}, {
  "id": "65:0",
  "status": "GREEN"
}, {
  "id": "65:0",
  "status": "ORANGE"
}, {
  "id": "65:0",
  "status": "YELLOW"
}, {
  "id": "65:0",
  "status": "GREEN"
}];

var res = data.reduce(function(obj, v) {
  obj[v.status] = (obj[v.status] || 0) + 1;
  return obj;
}, {})

console.log(res);

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...