Find JSON values return as strings

Question

I am trying to read the JSON data to find how many instances each trait_type's value appears for each nth edition and send the value to the HTML table as a string with the trait_type value's ID. The filter function currently returns 0 for each value.

var data = [
  {
    edition: 1,
    attributes: [
      {
        trait_type: "hair",
        value: "mullet"
      },
      {
        trait_type: "hat",
        value: "cap"
      }
    ]
  }
];
var mullet = data.filter(function (d) {
    return d.value === "mullet";
  }).length,
  cap = data.filter(function (d) {
    return d.value === "cap";
  }).length;

document.getElementById("mullet").innerText = mullet;
document.getElementById("cap").innerText = cap;

<dl>
  <dt>Hair?</dt>
  <dd id="mullet"></dd>
  <dt>Hat?</dt>
  <dd id="cap"></dd>
</dl>

The array with the properties you're looking for is in the `.attributes` — CertainPerformance, Jan 08 '22 at 20:55

score 0 · Answer 1 · answered Jan 08 '22 at 21:03

You're going to have to filter it deeper, currently you are just looking at the top layer of data so only the attributes key exists and the value key doesn't exist on { edition: 1, attributes: []} It only exists on the attributes array inside your data So what you need to do is to go one layer deeper, in your filter function. Like so:

function filterDataFor(type) {
 const result= data.filter(
({ attributes })=> attributes
    .filter(({value})=> value ===  type)
)
  return result.length
}
  let mullet = filterDataFor('mullet')
  let cap = filterDataFor('cap')

document.getElementById("mullet").innerText = mullet;
document.getElementById("cap").innerText = cap

I think this just finds how many instances there are. It doesn't actually read the value — Kyle Underhill, Jan 08 '22 at 21:09

Find JSON values return as strings

1 Answers1