filter value from array (object) react

Question

I'm learning by coding, here i have 'allNodes' an array of objects and 'currentNodee' object, i want to check if allNodes contains 'analyser' and 'id' which is equal to 'analyser' and 'id' of 'currentNodee' then take 'analyser' value and print it, but if for example 'allNodes' has same id but its analyser is 'undefined' then do not print anything.

what am i doing wrong here ? any idea is appreciated

  const allNodes = [
    { analyser: undefined, id: 7 },
    { analyser: "abc", id: 6 },
  ];

  const currentNodee = { analyser: "abc", id: 7 };

   console.log(
    allNodes.find((option: any) => {
      option.id === currentNodee.id &&
        option?.analyser === currentNodee?.analyser;
    })
  );

English is not my mother language so could be mistakes.

Does this answer your question? Comparing objects in two arrays — evolutionxbox
– evolutionxbox, Commented Jun 2, 2022 at 21:28
@evolutionxbox that is comparing two arrays with their object, here is an array of objects and another just object — walee
– walee, Commented Jun 2, 2022 at 21:31

jsN00b · Accepted Answer · 2022-06-03 07:08:48Z

0

Presented below is one possible way to achieve the desired objective.

Code Snippet

const rd = document.getElementById("rd");
const btn = document.getElementById("myBtn");
const btn2 = document.getElementById("myBtn2");

const allNodes = [{
    analyser: undefined,
    id: 7
  },
  {
    analyser: "abc",
    id: 6
  },
];

const currentNodee = {
  analyser: "abc",
  id: 7
};

const currentNodef = {
  analyser: "abc",
  id: 6
};

const getResult = (curr) => {
  const tgt = allNodes.find(
    ({ analyser, id }) => curr.id === id
  );
  if (tgt) {
    if (
      tgt.analyser &&
      tgt.analyser === curr.analyser
    ) {
      return JSON.stringify(tgt);
    } else {
      return "print nothing";
    }
  } else {
    return "not found"
  };
};

btn.textContent = 'Search analyser id=7';
btn.addEventListener('click', () => {
  rd.innerText = getResult(currentNodee);
});

btn2.textContent = 'Search analyser id=6';
btn2.addEventListener('click', () => {
  rd.innerText = getResult(currentNodef);
});

<div>
Search result: <div id="rd">empty</div>
<button id="myBtn" />
<button id="myBtn2" />
</div>

Printing in single line can be done using JSON.stringify() as demonstrated in the above code snippet.

answered Jun 3, 2022 at 7:08

jsN00b

3,7032 gold badges10 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jsN00b Over a year ago

I have added "print nothing" only as a placeholder; instead, if we simply put "" - it will work as well.

Rohìt Jíndal · Accepted Answer · 2022-06-04 09:30:29Z

0

const allNodes = [
    { analyser: undefined, id: 7 },
    { analyser: "abc", id: 6 },
  ];

  const currentNodee = { analyser: "abc", id: 7 };
  
  const result = allNodes.find(node => (node.analyser === currentNodee.analyser) && (node.id === currentNodee.id))

  console.log(!result ? 'No result found' : result);

edited Jun 4, 2022 at 9:30

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

answered Jun 2, 2022 at 21:32

MickyDore

1567 bronze badges

1 Comment

walee Over a year ago

how to do printing in one line for example if there is some analyser then do this, like this node.analyser ? <h1>{node.analyser} </h1>:null

Collectives™ on Stack Overflow

filter value from array (object) react

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related