Combinaison de deux tableaux pour former un objet javascript

J'ai deux tableaux:

var columns = ["Date", "Number", "Size", "Location", "Age"];

var rows = [["2001", "5", "Big", "Sydney", "25"],["2005", "2", "Med", "Melbourne", "50"],["2012", "20", "Huge", "Brisbane", "80"]];

Je suis en train de les combiner dans un objet javascript pour chaque élément dans les lignes de la matrice. Après cela, j'ai envie de pousser chaque objet dans un nouveau tableau.

Comme:

var newarray = [];

//'thing' should be the same structure for each row item
var thing = {
   "Date" : "2001",
   "Number" : "5",
   "Size":"Big",
   "Location":"Sydney",
   "Age":"25"
}

newarray.push(thing);

Je peux le faire quand je sais les noms des colonnes, mais j'ai besoin d'être capable de stocker les données de cette façon, lorsque le nom de la colonne est inconnue - c'est à dire basée sur les indices du tableau de colonnes.

Je l'ai essayé comme ça avant:

       for(var y = 0; y < rows.length; y++){

            for(var i = 0; i < columns.length; i++){
                 thing[columns[i]] = rows[i][i];
           }
              newarray.push(thing)
       }

Le code ci-dessus ne sont stockées que le premier élément, encore et encore (selon les lignes.la longueur).

Je ne comprends pas comment combiner les noms de colonne avec les lignes pour créer un tableau d'objets. Le fait que les "rangs" contient des tableaux est particulièrement déroutant..

source d'informationauteur tamarasaurus

9

Créer un nouveau thing objet au début de chaque itération de la boucle externe. Si vous ne le faites pas, chaque fois que vous dites thing[columns[i]] vous serez en écrasant les propriétés d'un même objet, et lorsque vous le poussez dans newarray ce que vous finissez avec est un tableau plein de références à le même objet. Aussi, à l'intérieur de la boucle assurez-vous d'obtenir l'index droit (vous avez actuellement obtenu [i][i] au lieu de [y][i]):
```
var newarray = [],
    thing;

for(var y = 0; y < rows.length; y++){
    thing = {};
    for(var i = 0; i < columns.length; i++){
        thing[columns[i]] = rows[y][i];
    }
    newarray.push(thing)
}
```
"Le fait que" les lignes " contient des tableaux est particulièrement déroutant.."

Pour votre échantillon de données rows.length sera de 3, et rows[0] est le tableau:
```
["2001", "5", "Big", "Sydney", "25"]
```
rows[0][3] est "Sydney".

Utiliser que comme un exemple, vous devriez être en mesure de voir ce rows[y][i] vous donnera, pour chaque valeur de y et i...

Vous pourriez aussi bien le faire de plus en plus centrées sur les données:

var columns = ["Date", "Number", "Size", "Location", "Age"];

var rows = [
  ["2001", "5", "Big", "Sydney", "25"],
  ["2005", "2", "Med", "Melbourne", "50"],
  ["2012", "20", "Huge", "Brisbane", "80"]
];

var result = rows.map(function(row) {
  return row.reduce(function(result, field, index) {
    result[columns[index]] = field;
    return result;
  }, {});
});

De cette façon, vous n'aurez pas à traiter avec la temporaire de tableaux.

Dans le cas où votre code devrait fonctionner sur ancienne navigateurs ainsi, je vous recommande de jeter un oeil à underscore.js pour l'utilisation de map + reduce.

Dans le cas où vous utilisez Underscore.js il est _.objet(liste [valeur])

Et voici comment il est mis en œuvre:

_.object = function(list, values) {
  if (list == null) return {};
  var result = {};
  for (var i = 0, length = list.length; i < length; i++) {
    if (values) {
      result[list[i]] = values[i];
    } else {
      result[list[i][0]] = list[i][1];
    }
  }
  return result;
};

À l'aide fonctionnelle serait comme nnnnnn dit, mais avec une correction mineure

var columns = ["Date", "Number", "Size", "Location", "Age"];

var rows = [
  ["2001", "5", "Big", "Sydney", "25"],
  ["2005", "2", "Med", "Melbourne", "50"],
  ["2012", "20", "Huge", "Brisbane", "80"]
];

var result = rows.map(function(row) {
  return row.reduce(function(result, field, index) {
    result[columns[index]] = field;
    return result
  }, {});
});

Vous devez spécifier la ligne droite. Vous êtes à l'aide de la colonne. Remplacer rows[i][i] avec rows[y][i]. Aussi, on dirait que vous ré-utilisez le même thing objet. Au lieu de cela, vous devez définir le il de nouveau à chaque itération à travers le tableau (var thing = {};).

   var newarray = [];
   for (var y = 0; y < rows.length; y++) {
       var thing = {};
       for (var i = 0; i < columns.length; i++) {
           thing[columns[i]] = rows[y][i];
       }
       newarray.push(thing);
   }

Vous pouvez utiliser cette fonction après ES6 code:

const assemblyData = ( columns, rows) => {
   return rows.map((row) => {
       return row.reduce((res, field, index) => {
         res[columns[index]] = field;
         return res
       }, {});
  });
}

//short version
const assemblyDataMin = (columns, rows) =>
  rows.map(row =>
    row.reduce((res, field, index) => {
      res[columns[index]] = field;
      return res;
    }, {})
  );

Lien vers des exemples

vous avez juste besoin de réinitialiser thing

 for(var y = 0; y < rows.length; y++){
   for(var i = 0; i < columns.length; i++){
       thing[columns[i]] = rows[y][i];
   }

   newarray.push(thing);
   thing = {};    
 }

voir mise à jour : violon

je pense que ma solution est de résoudre votre problème

code:

    var keys = columns,
        values = rows,
        finalarray = [];

        values.forEach((data,index) =>{
            var objJSON = new Object();
            for (i = 0; i < keys.length; i++) {
                objJSON[keys[i]] = data[i];
               }
            finalarray.push(objJSON);  
        });

réponse:

console.log(finalarray)

[{
   "Date" : "2001",
   "Number" : "5",
   "Size":"Big",
   "Location":"Sydney",
   "Age":"25"
},
...
}]

Vous devez vous connecter pour publier un commentaire.