JavaScript: Target a given value in a nested JSON object
JavaScript fundamental (ES6 Syntax): Exercise-6 with Solution
Write a JavaScript program to target a given value in a nested JSON object based on the given key.
- Use the in operator to check if target exists in obj.
- If found, return the value of obj[target].
- Otherwise use Object.values(obj) and Array.prototype.reduce() to recursively call dig on each nested object until the first matching key/value pair is found.
Sample Solution:
JavaScript Code:
// Source: https://bit.ly/2neWfJ2
// Define a function called `dig` that searches for a target key in a nested object.
const dig = (obj, target) =>
target in obj // Check if the target key exists in the object.
? obj[target] // If found, return its value.
: Object.values(obj).reduce((acc, val) => { // If not found, recursively search in nested objects.
if (acc !== undefined) return acc; // If the target is already found, return it.
if (typeof val === 'object') return dig(val, target); // If the current value is an object, recursively search within it.
}, undefined); // Default return value if the target is not found.
// Test cases
const data = {
level1: {
level2: {
level3: 'some data'
}
}
};
const dog = {
"status": "success",
"message": "https://images.dog.ceo/breeds/african/n02116738_1105.jpg"
};
console.log(dig(data, 'level3')); // Output: 'some data'
console.log(dig(data, 'level4')); // Output: undefined
console.log(dig(dog, 'message')); // Output: 'https://images.dog.ceo/breeds/african/n02116738_1105.jpg'
Output:
some data undefined https://images.dog.ceo/breeds/african/n02116738_1105.jpg
Flowchart:
Live Demo:
See the Pen javascript-basic-exercise-1-6 by w3resource (@w3resource) on CodePen.
Improve this sample solution and post your code through Disqus
Previous: Write a JavaScript program to convert an array of objects to a comma-separated values (CSV) string that contains only the columns specified.
Next: Write a JavaScript program to converts a specified number to an array of digits.
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.
https://www.w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-6.php
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics