De retour de tous les éléments d'un tableau d'objets?

J'ai un tableau qui se compose d'objets avec deux propriétés.

Une propriété "valeur" est un nombre compris entre 1 et 6.
L'autre propriété "id" est un nombre entre 1 et 200.

Comment puis-je retourner à la "id" est la propriété de tous les objets avec "valeur" = 1 et de les écrire dans un nouveau tableau?

  • Salut, je me demandais où vous avez obtenu coincé? Savez-vous comment faire une boucle sur un tableau? Savez-vous comment obtenir une propriété d'un objet? Savez-vous comment utiliser un if déclaration de comparer des valeurs, et de faire des choses différentes en fonction de ça? Savez-vous comment créer un nouveau tableau, et ajouter des choses?
  • Eh bien, j'étais juste à la recherche d'une idée qui a le moins de code. Je veux garder mon "grand/original" tableau dans le code et je cherchais un moyen d'accéder à la propriété id facilement.
  • Non, je ne veux pas demander à pourquoi vous faisiez cela. Bien sûr, il pourrait être une bonne idée d'extraire un tableau d'Identifiants et de le garder. J'ai demandé, où avez-vous coincé de trouver comment le faire. J'étais juste curieux, parce qu'il s'agit absolument de base, fondamental, rudimentaire, fondateur JS constructions, à savoir la boucler sur le tableau pour obtenir à chaque objet, puis sa valeur de la propriété, puis de les comparer, puis le coller dans un tableau. Quelles autres idées pourrait-il y avoir? Et pourquoi ne vous vous souciez de "moins" code à ce point quand vous n'avez pas écrit tout le code?
InformationsquelleAutor Moritz Schmitz v. Hülst | 2014-11-10
  1. 25

    Vous devriez appeler le Array.prototype.filter y fonctionner.

    var filteredArray = YourArray.filter(function( obj ) {
    return obj.value === 1;
});

    .filter() vous oblige à revenir à l'état initial. Il va créer un nouveau tableau, basé sur les résultats filtrés. Si vous souhaitez utiliser ce filtre Array, vous pouvez appeler plusieurs méthodes, comme dans votre exemple .map()

    var filteredArray = YourArray.filter(function( obj ) {
    return obj.value === 1;
}).map(function( obj ) {
    return obj.id;
});

console.log( filteredArrays ); //a list of ids

    ... et quelque part dans un avenir proche, nous pouvons éventuellement utiliser la Flèche fonctions de l'ES6, ce qui rend ce code encore plus de beauté:

    var filteredArray = YourArray.filter( obj => obj.value === 1 ).map( obj => obj.id );
    • Bien sûr, c'est la bonne solution, mais je me demandais simplement si c'est une bonne idée de jeter des fonctions de prise de fonctions, de ne pas mentionner ES6 flèche fonctions, à quelqu'un qui semble avoir été coincé quelque part entre les boucles, propriété de l'objet de références, si les déclarations, et la création de la matrice. BTW, vous a laissé les frais de la matrice de compréhension de la version. 🙂
    • Bien dans ma tête, c'est toujours une bonne idée de fournir pratique et simple des solutions.
    • J'ai posté la compréhension de la version, tant que nous sommes en bordure ES6-terre. Comme pour le monde réel de la solution, dans ce cas, j'ai une sorte de @MichaelFreund de la vieille école de l'approche (en supposant qu'il fixe le for...in boucle).
    InformationsquelleAutor jAndy
  2. 4

    Pur JS.... pas de filtre/fonctions des cartes, qui ne sont pas disponibles pour IE < 9

    var array = [
        {id:10, value:2}, {id:11, value:1}, {id:12, value:3}, {id:13, value:1}
    ],
    result = [];
for(key in array) { if (array[key].value == 1) result.push(array[key].id); }
    • Vrai, mais il serait également inclure ce genre de conneries .length et bien d'autres propriétés, si vous en boucle sur un Array à l'aide de for..in.
    • En fait, for...in sera pas itérer sur la longueur. la longueur n'est pas une énumération de propriété.
    • comme l'auteur l'a explicitement mentionné ici, son pour les navigateurs comme < IE9. Les navigateurs n'avais aucune idée au sujet de la propriété des descripteurs.
    • Je ne comprends pas votre commentaire. for...in va pas parcourir plus de longueur dans n'importe quel navigateur intégré depuis l'aube des temps. Il a toujours été non énumérable, même de dos de manière quand enumerability était strictement un concept interne de moteurs.
    • Si vous voulez absolument les filtre, il suffit de faire cela dans la boucle if (array.hasOwnProperty(key) && array[key].value == 1)
    InformationsquelleAutor Michael Freund
  3. 0

    Vous pouvez utiliser une combinaison de Array.prototype.filter et Array.prototype.map.

    Tout d'abord, filtrer seulement les valeurs avec value égal à 1.

    arr.filter(function (obj) {
    return obj.value === 1;
});

    Ensuite, vous carte collection existante à un nouveau groupe, composé uniquement de id propriétés stockées dans le tableau filtré. Donc le code final:

    var newArr = arr.filter(function (obj) {
    return obj.value === 1;
}).map(function (obj) {
    return obj.id;
});
    InformationsquelleAutor Kuba Jagoda
  4. 0

    La bonne nouvelle, c'est que c'est facile, il suffit d'écrire

    [ for (obj of array) if (obj.value === 1) obj.id ]

    La mauvaise nouvelle est qu'il sera certain temps avant que vous pouvez compter sur tous les navigateurs pour ce faire. C'est à partir d'une nouvelle version de la langue appelée "ES6". Mais vous pouvez l'essayer dès maintenant dans Firefox!!

    • Oups! Tableau des inclusions ont été abandonnées dans l'ES6 et il n'y a aucun plan pour les inclure dans la prochaine chose. Comme il est dit ici (developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...): "ne pas utiliser"! Il semble que cela fonctionne sur FF, mais pas les autres navigateurs. Je ne suis pas sûr que de constructions pourraient être utilisés à la place (autre qu'un pas-à-tout-sexy laborieux boucle): map, filter... ?
    InformationsquelleAutor