map 在 function 之上，这实际上是一个函数数组

Question

The problem is kind of easy to explain, lets say we have the following function:

const patterns = (item) => [
  `${item.name}/${item.familyName}`,
  `${item.name}${c.item.familyName}`,
  `${item.familyName}`,
];

I would love to map it and create an object which has both the result of the function + the line that originated it.

For example:

Item = { "Luis", "García" }

Expected output:

[
value: "Luis/García", pattern: `{name}/{familyName}`, 
value: "LuisGarcía", pattern: `{name}{familyName}`, 
value: "García", pattern: `{familyName}`
]

Pseudo code not working (of course)

patterns().map(x=> {return  {value:x(item)  pattern=x(translator) } }

Where translator is:

{name: "{name}", familyName: "{familyName}"

The second part seems right, the problem is that it seems not possible to do a for each of the function array.

Any ideas?

Answer 1

Edited Try this:

const patterns = (item) => [
  `${item.name}/${item.familyName}`,
  `${item.name}${item.familyName}`,
  `${item.familyName}`,
];

const patternMatcher = [
  {value:(item) => `${item.name}/${item.familyName}`, pattern: `{name}/{familyName}`},
  {value:(item) => `${item.name}${item.familyName}`, pattern:`{name}{familyName}`},
  {value:(item) => `${item.familyName}`, pattern:`{familyName}`},
];

const inputParam = {name:"Luis",familyName: "Garcia"}; 
const result = patterns(inputParam).map(resultItem => {
    const pattern = patternMatcher.find(obj => obj.value(inputParam) === resultItem).pattern;
    return {value:resultItem, pattern}
});

Answer 2

JavaScript:

const patterns = (item) => [
  `${item.name}/${item.familyName}`,
  `${item.name}${item.familyName}`,
  `${item.familyName}`,
];

const patternsArray = patterns({ name: '{name}', familyName: '{familyName}' });
const valueArray = patterns({ name: 'Luis', familyName: 'Garcia' });

const resultsArray = [];

for (let i = 0; i < valueArray.length; i++) {
  resultsArray.push({
    value: valueArray[i],
    pattern: patternsArray[i],
  });
}

console.log(resultsArray);

Output:

[ { value: 'Luis/Garcia', pattern: '{name}/{familyName}' },
  { value: 'LuisGarcia', pattern: '{name}{familyName}' },
  { value: 'Garcia', pattern: '{familyName}' } ]

Answer 3

One (ugly) way to do it, is to have the function as an array of functions at the begining:

const patterns =[ (item) => ${item.name}/${item.familyName} , (item) => ${item.name}${c.item.familyName} , (item) => ${item.familyName} , ];

Then patterns.map works (without ())

But would love to be able to solve the problem without modifying the initial function!