JSFiddle - React, Tailwind, and code Playground

by solarbaypilot

HTML

Data contains dog : <span id="dog"></span> <br/>
Data contains puppy: <span id="puppy"></span>

CSS

span { font-weight: bold; }

JavaScript

const jsonHasKeyVal = (json, keyname, value) => 
	Object.keys(json).some(key => 
		typeof json[key] === 'object' ? 
    	jsonHasKeyVal(json[key], keyname, value) : 
      key === keyname && json[key] === value
	);

var data = {"animals": [{name:"cat"}, {name:"dog"}]};


document.getElementById('dog').innerHTML = jsonHasKeyVal(data, "name", "dog");
document.getElementById('puppy').innerHTML = jsonHasKeyVal(data, "name", "puppy");