How to find specific value element in array by specific attribut?

Question

var attributeList = [];

var attributeEmail = {
    Name : 'email',
    Value : '[email protected]'
};
var attributePhoneNumber = {
    Name : 'phone_number',
    Value : '+15555555555'
};
attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

result is:

Attributes: Array(2)
1: {Name: "phone_number", Value: "+15555555555"}
2: {Name: "email", Value: "[email protected]"}

I need find email in attributeList

var email = getEmail(attributeList);
console.log(email); // [email protected]

private getEmailAttribute(attributeList) {
    // Name: "email"...
    return ????;
}

jo_va · Accepted Answer · 2019-02-12 11:21:19Z

3

You can get the email by using filter(), map() and shift(). This method is safe, it will not throw and will return undefined if it doesn't find the email object.

const attributeList = [];

const attributeEmail = {
  Name : 'email',
  Value : '[email protected]'
};
const attributePhoneNumber = {
  Name : 'phone_number',
  Value : '+15555555555'
};
attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

function getEmailAttribute(attributes) {
    return attributes
      .filter(attr => attr.Name === 'email')
      .map(attr => attr.Value)
      .shift();
}

const email = getEmailAttribute(attributeList);
console.log(email);

answered Feb 12, 2019 at 11:21

jo_va

14.1k3 gold badges25 silver badges49 bronze badges

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

Comments

Nick Parsons · Accepted Answer · 2019-02-12 11:28:41Z

1

You can use .find with destructuring assignment to get the object which has the Name of email. Then, once you have retrieved the object you can get the email by using the .Value property.

See example below:

function getEmailAttribute(attributeList) {
  return attributeList.find(({Name}) => Name === "email").Value;
}

var attributeList = [{Name: 'email', Value: '[email protected]'},{Name: 'phone_number', Value: '+15555555555'}];
console.log(getEmailAttribute(attributeList));

As a side note. To declare a function in javascript, you do not use the private keyword. Instead, you can use the function keyword as I have above.

edited Feb 12, 2019 at 11:28

answered Feb 12, 2019 at 11:22

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

Comments

Maheer Ali · Accepted Answer · 2019-02-12 11:27:59Z

1

Use Array.prototype.find() to get the object whose Name = "email" and then return its Value.

var attributeList = [];

var attributeEmail = {
    Name : 'email',
    Value : '[email protected]'
};
var attributePhoneNumber = {
    Name : 'phone_number',
    Value : '+15555555555'
};
attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

function getEmailAttribute(list){
  let obj = list.find(item=> item.Name === "email")
  return obj && obj.Value;
}
let email = getEmailAttribute(attributeList);
console.log(email);

edited Feb 12, 2019 at 11:27

answered Feb 12, 2019 at 11:22

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

Collectives™ on Stack Overflow

How to find specific value element in array by specific attribut?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related