Compare an array of strings with an array of objects and provide a specific result for each comparison

Question

Compare an array of strings with an array of objects and provide a specific result for each comparison

I'm facing a simple array dilemma: I have two separate arrays - one containing strings and the other containing objects. What I need to do is compare them in a specific manner: The array of objects should verify if a property of each object is present in the array of strings, and then provide a response for each case.

const colors = ["blue", "pink", "red", "green", "yellow", "orange", "white"]

const objColors = [{name:"pink", value: true}, {name:"green", value: true}, {name: "white", value: false}]

The expected resulting array should look like this:

const res = [false, true, false, true, false, false, false]

I've been struggling to find a solution despite my various attempts. I experimented with double iterations which led to inaccurate results. Additionally, I attempted using the includes method but that only allowed me to check the objColors array, leaving some cases unchecked.

let res = objects.map(x => (strings.includes(x.name)))

If anyone could offer me some guidance on how to approach this problem to achieve the desired outcome, I would greatly appreciate it. Thank you in advance.

javascript arrays methods

Answer 1

Answer №1

To simplify the process, first transform the array of objects into a more manageable structure such as a Map or a Set containing only the true values. Then, iterate through the colors array and retrieve the corresponding value from the transformed structure.

const colors = ["blue", "pink", "red", "green", "yellow", "orange", "white"];
const objColors = [{name:"pink", value: true}, {name:"green", value: true}, {name: "white", value: false}];


const trueColors = new Set(
  objColors
    .filter(({ value }) => value)
    .map(({ name }) => name)
);
const res = colors.map(color => trueColors.has(color));
console.log(res);

Answer 2

To simplify the process, first transform the array of objects into a more manageable structure such as a Map or a Set containing only the true values. Then, iterate through the colors array and retrieve the corresponding value from the transformed structure.

const colors = ["blue", "pink", "red", "green", "yellow", "orange", "white"];
const objColors = [{name:"pink", value: true}, {name:"green", value: true}, {name: "white", value: false}];


const trueColors = new Set(
  objColors
    .filter(({ value }) => value)
    .map(({ name }) => name)
);
const res = colors.map(color => trueColors.has(color));
console.log(res);

Answer 3

Answer №2

Using an object-based approach.

const
    colors = ["blue", "pink", "red", "green", "yellow", "orange", "white"],
    objColors = [{ name: "pink", value: true }, { name: "green", value: true }, { name: "white", value: false }],
    wanted = Object.fromEntries(objColors.map(({ name, value }) => [name, value])),
    result = colors.map(c => !!wanted[c]);

console.log(result);

Answer 4

Using an object-based approach.

const
    colors = ["blue", "pink", "red", "green", "yellow", "orange", "white"],
    objColors = [{ name: "pink", value: true }, { name: "green", value: true }, { name: "white", value: false }],
    wanted = Object.fromEntries(objColors.map(({ name, value }) => [name, value])),
    result = colors.map(c => !!wanted[c]);

console.log(result);

Compare an array of strings with an array of objects and provide a specific result for each comparison

Answer №1

Answer №2

Similar questions

Retrieve Wikipedia API JSON information using jQuery

Express and Mongoose error handling improvements for updates and puts

Issues with Ajax arise once URL re-routing is activated

The command 'node' is not being recognized as either an internal or external command, potentially due to it being an operable program or batch file. This issue only arises when attempting to

Determine the prior location of an element using jQuery

When you click, you will be directed to the specific details of the object

Steps to avoid the button being submitted twice

Encasing a drop-down menu within a personalized container

Error: The connection to Node/Postgresql was refused at 127.0.0.1:5432. This occurred after connecting at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1141:16)

Can you show me the method to retrieve the value of client.query in Node JS using PG?

Understanding how to display a component within another component in Vue.js

Introduce a pause for each individual element when looping through an array

Utilizing ThreeJS: Implementing a Sprite in Conjunction with the OculusRiftEffect

Problem encountered with imaskJS in handling the formatting of data with forward slashes

Adjust top position dynamically during resizing

I encountered a problem while trying to incorporate the solution that prompts another button click event

executing jQuery toggle on freshly generated content

Developing components with jQuery

Having trouble retrieving data values from methods within my Vue.js component

Exploring JSON Object Iteration Using jQuery for AJAX Requests in JavaScript