How can I get values of array out of object in array?

Question

I'm building a version of battleship where the ships are worms and the player is the bird...if that explains the naming of things.

I'm having a moment. I need to iterate through the values of a nested array of coordinates but I simply cannot figure it out.

Here is what array looks like:

[{"grub": [23, 24]}, {"earthworm": [34, 35, 36]}, {"larvae": [77, 78, 79]}]

I need to iterate through all the nested objects, and then iterate through the array inside that nested object to see if the input matches values.

Function input will be a coordinate with 2 digits (example '84')

Output should be a boolean stating if the coordinate exists in any of the arrays that are a value of the object.

I have lots of ideas, but none have been successful.

• mykaf: Please show the ideas you've attempted and how they came up short.
• gog: that data structure looks weird, why can't you use one single object?
• Barmar: In general, an array of objects with different keys in each object is a poor idea. Either use a single object, or an array of objects with consistent keys, e.g. {name: "grub", coordinates: [23, 24]}

Answer 1

const data = [{"grub": [23, 24]}, {"earthworm": [34, 35, 36]}, {"larvae": [77, 78, 79]}];
const f=(n,data)=>data.map(Object.values).some(([i])=>i.includes(n));
console.log(f(35, data));
console.log(f(84, data));

• Kat: Simple, I don't understand why it works yet but I'm going to read documentation so I never have to ask this question again :)

Answer 2

I would use Array.prototype.some

const array = [{"grub": [23, 24]}, {"earthworm": [34, 35, 36]}, {"larvae": [77, 78, 79]}]
handleInput()
document.querySelector('input').addEventListener('input', ({ target: { value } }) => handleInput(value))
function handleInput(value) {
 const isItem = isValueInNestedArray(+value, array)
 document.querySelector('p').textContent = isItem ? 'yes' : 'no'
}
function isValueInNestedArray(value, array) {
 return array.some(item => Object.values(item).some(arr => arr.some(coord => coord === value)))
}

<input>
<p></p>

• Kat: Thank you much, I love how you provided detail on how to implement the solution. Very much appreciated.