Kann ich einem Objekt einen dynamischen Schlüssel hinzufügen?

Question

Wie würde eine Funktion aussehen, die ein Eingabeobjekt "tastet"? Ich habe das Thema recherchiert, konnte aber keine guten Antworten finden.

Also, wenn ich ein Eingabeobjekt hat ...

var fruits = [{fruit: "apple", taste: "sour"}, 
       {fruit: "cherry", taste: "sweet", color: "red"}]; 


functionname(fruits, function(i) { return i.fruit; }); 

RETURN: 

    { "apple": [{fruit: "apple", taste: "sour"}], 
    { "cherry": [{fruit: "cherry", taste: "sweet", color: "red"}] 

functionname(fruits, function(i) { return i.taste.length; }); 

RETURN: 

    { "4": [{fruit: "apple", taste: "sour"}], 
    { "5": [{fruit: "cherry", taste: "sweet", color: "red"}] 

Answer 1

könnten Sie eine Funktion verwenden, die ein neues Objekt erstellt und die Elemente mit dem gesuchten Schlüssel zurück.

Version mit Array#forEach

function getKeyedArray(array, callback) { 
 
    var object = Object.create(null); 
 
    array.reduce(function (a) { 
 
     var key = callback(a); 
 
     object[key] = object[key] || []; 
 
     object[key].push(a); 
 
    }); 
 
    return object; 
 
} 
 

 
var fruits = [{ fruit: "apple", taste: "sour" }, { fruit: "cherry", taste: "sweet", color: "red" }]; 
 

 
console.log(getKeyedArray(fruits, function (i) { return i.fruit; })); 
 
console.log(getKeyedArray(fruits, function (i) { return i.taste.length; }));

Version mit Array#reduce

function getKeyedArray(array, callback) { 
 
    return array.reduce(function (r, a) { 
 
     var key = callback(a); 
 
     r[key] = r[key] || []; 
 
     r[key].push(a); 
 
     return r; 
 
    }, Object.create(null)); 
 
} 
 

 
var fruits = [{ fruit: "apple", taste: "sour" }, { fruit: "cherry", taste: "sweet", color: "red" }]; 
 

 
console.log(getKeyedArray(fruits, function (i) { return i.fruit; })); 
 
console.log(getKeyedArray(fruits, function (i) { return i.taste.length; }));