如何使用javascript从对象数组中提取对象的值

Question

I have an array of objects that looks like this structure below and I would like to use javascript or jquery to extract the email which is in the serviceProviderContact field eg mike@comapny .co.za. At the moment I am using the providerName field to populate a dropdownlist but I would also like to extract the email as well.

providers: Array(4)
0: {providerId: 1, countryId: 1, providerName: "Vodacom", serviceProviderContact: "support@company.co.za"}
1: {providerId: 2, countryId: 1, providerName: "MTN", serviceProviderContact: "john@company.co.za"}
2: {providerId: 3, countryId: 1, providerName: "Cell C", serviceProviderContact: "mike@company.co.za"}
3: {providerId: 4, countryId: 1, providerName: "Telkom Mobile", serviceProviderContact: "Aplh@company.co.za"}

Answer 1

You can use map to print the email id. You have to put , after every object to make it a valid object. Object.values is used to extract all the values present in the object in an array

 var providers = [{ 0: { providerId: 1, countryId: 1, providerName: "Vodacom", serviceProviderContact: "support@company.co.za" }, 1: { providerId: 2, countryId: 1, providerName: "MTN", serviceProviderContact: "john@company.co.za" }, 2: { providerId: 3, countryId: 1, providerName: "Cell C", serviceProviderContact: "mike@company.co.za" }, 3: { providerId: 4, countryId: 1, providerName: "Telkom Mobile", serviceProviderContact: "Aplh@company.co.za" } }] window.onload=function() { var k; var v; Object.values(providers[0]).forEach(e=>{ k=document.createElement('option'); v=document.createTextNode(e.providerName); k.appendChild(v) document.getElementById('a').appendChild(k)}) } function a(name) { var x=Object.values(providers[0]).filter((e) => e.providerName==name) alert(x[0].serviceProviderContact) }

 <select id="a" onchange='a(this.value)'> </select>

Answer 2

Simply use map like so:

var emails = providers.map(e => e.serviceProviderContact);

Demonstration:

 var providers = [{providerId: 1, countryId: 1, providerName: "Vodacom", serviceProviderContact: "support@company.co.za"}, {providerId: 2, countryId: 1, providerName: "MTN", serviceProviderContact: "john@company.co.za"} {providerId: 3, countryId: 1, providerName: "Cell C", serviceProviderContact: "mike@company.co.za"}, {providerId: 4, countryId: 1, providerName: "Telkom Mobile", serviceProviderContact: "Aplh@company.co.za"}]; var emails = providers.map(e => e.serviceProviderContact); console.log(emails);