Accesing object value in array of objects by conditioning another object property

Question

This works, but question is can I save the naziv.value in var naziv in one go, inside this find method so I don't have to declare another variable?

var naziv = obj.find(c => c.name === "naziv");
console.log(naziv.value)

Current output is as it should be test by console.log(naziv.value), I would like to be just console.log(naziv)

var obj = [{
    name: "naziv",
    value: "test"
  },
  {
    name: "zzz",
    value: "xxx"
  }
]

var naziv = obj.find(c => c.name === "naziv");
console.log(naziv.value)

EDIT: And also to make an array or values if name is the same, example:

var obj = [{
    name: "naziv",
    value: "test"
  },
  {
    name: "zzz",
    value: "xxx"
  },
  {
    name: "Telefon[]",
    value: "tel1"
  }, {
    name: "Telefon[]",
    value: "tel2"
  }
]

var naziv = obj.find(c => c.name === "Telefon[]");
console.log(naziv.value)

Should be: [tel1,tel2]

You are counting on name to be unique. Is there a chance it won't be/test for it not being? — iAmOren
– iAmOren, Commented Sep 24, 2020 at 16:47
I, also, like the de-structuring solution by @Abdullah Razzaki. — iAmOren
– iAmOren, Commented Sep 24, 2020 at 16:49
If you want to filter and map in the same iteration, just use a for loop: const output = []; for(let o of obj) if(o.name === "naziv") output.push(o.value) — adiga
– adiga, Commented Sep 24, 2020 at 16:56
var values=obj.filter(item=>item.name=="Telefon[]").map(item=>item.value) — iAmOren
– iAmOren, Commented Sep 24, 2020 at 16:59

Abdullah Razzaki · Accepted Answer · 2020-09-24 16:44:16Z

2

You can use de-structuring like const {value:naziv} = obj.find(c => c.name === "naziv");

answered Sep 24, 2020 at 16:44

Abdullah Razzaki

1,00210 silver badges16 bronze badges

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

2 Comments

ikiK Over a year ago

This is great, never seen that, any help with: to make an array if name is not unique, I edited a question

Abdullah Razzaki Over a year ago

You can use obj.filter(c=>c.name==='naziv').map(c=>c.value) but that will always be an array

Nithish · Accepted Answer · 2020-09-24 17:02:23Z

1

If you want multiple values to be as an array, this can be one of the ways

var obj = [{name:"naziv",value:"test"},{name:"zzz",value:"xxx"},{name:"Telefon[]",value:"tel1"},{name:"Telefon[]",value:"tel2"}]

var naziv = obj.filter(c => c.name === "Telefon[]").map(res => res.value);
console.log(naziv)

Likewise, if the value is itself is the intended output and if only single value is expected then below is one of the ways. Here, I have used Optional Chaining

var obj = [{name:"naziv",value:"test"},{name:"zzz",value:"xxx"},{name:"Telefon[]",value:"tel1"}]

var naziv = obj.find(c => c.name === "Telefon[]")?.value;
console.log(naziv)

There could be a chance if you need this code to run some older versions of the browsers and there's no support for Optional Chaining then below is yet another way

var obj = [{name: "naziv",value: "test"},{name: "zzz",value: "xxx"},{name: "Telefon[]",value: "tel1"}]

var naziv = (obj.find(c => c.name === "Telefon[]") || {}).value;
console.log(naziv)

var notFound = (obj.find(c => c.name === "not_found") || {}).value;
console.log(notFound);

edited Sep 24, 2020 at 17:02

answered Sep 24, 2020 at 16:59

Nithish

6,1273 gold badges13 silver badges25 bronze badges

2 Comments

adiga Over a year ago

There is no need for ?. after filter as it will never return null or undefined. It will be an empty array if no matches are found

Nithish Over a year ago

Yes @adiga. I have updated my answer. Thanks for pointing it. :)

deepak · Accepted Answer · 2020-09-24 17:06:41Z

1

var obj = [{
    name: "naziv",
    value: "test"
  },
  {
    name: "zzz",
    value: "xxx"
  },
  {
    name: "naziv",
    value: "xxx"
  }
]

var naziv = obj.filter(item => item.name === 'naziv').map(item => item.value)
console.log(naziv)

edited Sep 24, 2020 at 17:06

answered Sep 24, 2020 at 16:46

deepak

1,3851 gold badge8 silver badges12 bronze badges

Collectives™ on Stack Overflow

Accesing object value in array of objects by conditioning another object property

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related