javascript - Mapping array in Vue JS -


i'm developing small application in vuejs 2.0 i'm having data set this:

{"data":     [         {             "id":8,             "salutation":"mr",             "first_name":"madhu",             "last_name":"kela",             "number":"2343253455",             "mobile":"3252345435",             "email":"madhu@reliancemf.com",             "alt_email":null,             "address":"mumbai bkc",             "city":"mumbai",             "state":null,             "country":"india",             "profile":null,             "sectors_interested":"[\"insurance\",\"infrastructure\",\"information technology\",\"hevy machines\",\"healtcare\"]",             "companies_interested":"[4]",             "interactions_count":11,             "client_interactions_count":0,             "company":[                 {                     "id":7,                     "name":"reliance mf",                     "address":"mumbai bkc",                     "city":"mumbai",                     "state":null,                     "country":"india",                     "type":"investor",                     "sub_type":"mutual fund",                     "is_client":0,                     "pivot":{                         "contact_id":8,                         "company_id":7,                         "created_at":"2017-07-01 17:07:08",                         "updated_at":"2017-07-01 17:07:08"                     }                 }             ]         },         {             "id":7,             "salutation":"ms",             "first_name":"xyz",             "last_name":"abc",             "number":"1847171087",             "mobile":"8327523057",             "email":"skbkjgerbra@dabflvdjf.com",             "alt_email":null,             "address":"mumbai",             "city":"mumbai",             "state":null,             "country":"india",             "profile":null,             "sectors_interested":"[\"insurance\",\"information technology\",\"infrastructure\",\"hevy machines\"]",             "companies_interested":"[6,4]",             "interactions_count":8,             "client_interactions_count":0,             "company":[                 {                     "id":3,                     "name":"franklin fun",                     "address":"mumbai",                     "city":"mumbai",                     "state":null,                     "country":"india",                     "type":"investor",                     "sub_type":"mutual fund",                     "is_client":0,                     "pivot":{                         "contact_id":7,                         "company_id":3,                         "created_at":"2017-07-01 16:59:41",                         "updated_at":"2017-07-01 16:59:41"                     }                 }             ]         }     ] }

i want map these values this:

return this.model.map(d => ({     name: d.first_name + ' ' +d.last_name,     company: d.company[0].name,     email: d.email,     mobile: d.mobile,     profile: d.profile,     count: d.interactions_count ? d.interactions_count : d.client_interactions_count }))

also see in code want place interactions_count comparing i.e. if interactions_count 0 want map client_interactions_count, i'm unable company name first array parameter, , order count in descending order whatever comes response. me out in this. thanks.

const data = [      {          "id":8,          "salutation":"mr",          "first_name":"madhu",          "last_name":"kela",          "number":"2343253455",          "mobile":"3252345435",          "email":"madhu@reliancemf.com",          "alt_email":null,          "address":"mumbai bkc",          "city":"mumbai",          "state":null,          "country":"india",          "profile":null,          "sectors_interested":"[\"insurance\",\"infrastructure\",\"information technology\",\"hevy machines\",\"healtcare\"]",          "companies_interested":"[4]",          "interactions_count":11,          "client_interactions_count":0,          "company":[              {                  "id":7,                  "name":"reliance mf",                  "address":"mumbai bkc",                  "city":"mumbai",                  "state":null,                  "country":"india",                  "type":"investor",                  "sub_type":"mutual fund",                  "is_client":0,                  "pivot":{                      "contact_id":8,                      "company_id":7,                      "created_at":"2017-07-01 17:07:08",                      "updated_at":"2017-07-01 17:07:08"                  }              }          ]      },      {          "id":7,          "salutation":"ms",          "first_name":"xyz",          "last_name":"abc",          "number":"1847171087",          "mobile":"8327523057",          "email":"skbkjgerbra@dabflvdjf.com",          "alt_email":null,          "address":"mumbai",          "city":"mumbai",          "state":null,          "country":"india",          "profile":null,          "sectors_interested":"[\"insurance\",\"information technology\",\"infrastructure\",\"hevy machines\"]",          "companies_interested":"[6,4]",          "interactions_count":8,          "client_interactions_count":0,          "company":[              {                  "id":3,                  "name":"franklin fun",                  "address":"mumbai",                  "city":"mumbai",                  "state":null,                  "country":"india",                  "type":"investor",                  "sub_type":"mutual fund",                  "is_client":0,                  "pivot":{                      "contact_id":7,                      "company_id":3,                      "created_at":"2017-07-01 16:59:41",                      "updated_at":"2017-07-01 16:59:41"                  }              }          ]      }  ];    const result = data.map((item) => {    return {      name: item.first_name + ' ' + item.last_name,      company: item.company[0].name,      email: item.email,      mobile: item.mobile,      profile: item.profile,      count: item.interactions_count ? item.interactions_count : item.client_interactions_count    };  }).sort((a, b) => b.count - a.count);     console.log(result);


Comments

Post a Comment

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m
Read more

javascript - Z-index in d3.js -

i have map , when hover effect on region of map below yellow line , circle, last ones disappear. how can solve problem? http://jsfiddle.net/ot21n9qx/ var arc = g.append("path") .style("fill", "none") .style("stroke", "yellow") .style("stroke-width", 2) .attr("d", "m" + pathorigin[0] + "," + pathorigin[1] + " q" + svgpoint[0] + "," + pathorigin[1] + " " + svgpoint[0] + "," + svgpoint[1]); var circlesize = d3.scale.linear() .domain([0, 0.5, 1]) .range([4, 10, 4]); svg not have z order draws objects in order created. need create path , circle after create highlight regions. here forked fiddle: http://jsfiddle.net/o00fzgaf/1/
Read more