JavaScript map array using JSON file

Question

In JavaScript I have an array of three letter codes and I have a JSON file that has values for each of these codes. I need to map the codes to the corresponding values in the JSON file. Here's an example:

{"Roles" : [
{"code": "cmm", "fullname": "commentator"},
{"code": "cmp", "fullname": "composer"},
{"code": "cnd", "fullname": "conductor"},
{"code": "cng", "fullname": "cinematographer"},
{"code": "cns", "fullname": "censor"},
{"code": "com", "fullname": "compiler"}
]}

var arr = ["cmm", "com", "cng"];
var mappedArray = arr.map( ??? );

//mappedArray now contains: ["commentator", "composer", "cinematographer"]

I can't think of a way of solving this that isn't horribly inefficient. Can anyone help?

You should add your horribly inefficient code to your question. — Andy
– Andy, Commented Oct 26, 2018 at 10:34
I think I understood this wrong. Can you please write your expected output — Nitish Narang
– Nitish Narang, Commented Oct 26, 2018 at 10:37
How much data are you working with? Assuming you don't have a vast number of roles (thousands+), it's unlikely efficiency is worth spending much, if any, time on. — DBS
– DBS, Commented Oct 26, 2018 at 10:38
Why is composer in your output? You meant compiler, right? — Andy
– Andy, Commented Oct 26, 2018 at 10:49

Nitish Narang · Accepted Answer · 2018-10-26 10:43:38Z

2

You can achieve this using filter

var obj = {"Roles" : [
{"code": "cmm", "fullname": "commentator"},
{"code": "cmp", "fullname": "composer"},
{"code": "cnd", "fullname": "conductor"},
{"code": "cng", "fullname": "cinematographer"},
{"code": "cns", "fullname": "censor"},
{"code": "com", "fullname": "compiler"}
]}

var arr = ["cmm", "com", "cng"];

var mappedArray = obj["Roles"].filter(d => arr.includes(d.code))

console.log('Filtered Array', mappedArray)

console.log('Result', mappedArray.map(({fullname}) => fullname))

edited Oct 26, 2018 at 10:43

answered Oct 26, 2018 at 10:36

Nitish Narang

4,2042 gold badges18 silver badges22 bronze badges

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

Comments

Andy · Accepted Answer · 2018-10-26 10:58:02Z

The most efficient way would still be to use a for/loop:

const data = {"Roles" : [{"code": "cmm", "fullname": "commentator"},{"code": "cmp", "fullname": "composer"},{"code": "cnd", "fullname": "conductor"},{"code": "cng", "fullname": "cinematographer"},{"code": "cns", "fullname": "censor"},{"code": "com", "fullname": "compiler"}]};
var arr = ["cmm", "com", "cng"];

const out = [];
for (let i = 0; i < data.Roles.length; i++) {
  const el = data.Roles[i];
  if (arr.indexOf(el.code) > -1) out.push(el.fullname);
}

console.log(out);

Using reduce is a little more functional/neater but won't be as efficient. You can pull out the data you want without the round trip of using filter then map.

const data = {"Roles" : [{"code": "cmm", "fullname": "commentator"},{"code": "cmp", "fullname": "composer"},{"code": "cnd", "fullname": "conductor"},{"code": "cng", "fullname": "cinematographer"},{"code": "cns", "fullname": "censor"},{"code": "com", "fullname": "compiler"}]};
var arr = ["cmm", "com", "cng"];

var out = data.Roles.reduce((acc, c) => {
  if (arr.includes(c.code)) acc.push(c.fullname);
  return acc;
}, []);

console.log(out);

Muhammad Saqib · Accepted Answer · 2018-10-26 11:00:18Z

0

You have to first filter the array and then map it to get the required values.. you can try this

let result1 = obj["Roles"].filter(function(item) { return arr.includes(item.code)}).map(filteredObj => filteredObj.fullname);

answered Oct 26, 2018 at 11:00

Muhammad Saqib

702 bronze badges

Collectives™ on Stack Overflow

JavaScript map array using JSON file

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