Comment filtrer les données json par plage de date en javascript

Je veux le filtre ci-dessous les données json par date de début et date de fin, il doit retourner les données entre les date de début et date de fin, j'ai essayé de réaliser à l'aide de code ci-dessous mais je fais mal quelque chose à filtre. Je suis nouveau avant la fin de technologies telles que Javascript et jquery, il serait apprécié si Quelqu'un peut me corriger ce que je fais mal ici:

<html>
    <head>
        <title>Test</title>

    </head>

    <body>

        <script type="text/javascript">
            var product_data = [
                {
                    "productId": "12",
                    "productName": "ProductA",
                    "productPrice": "1562",
                    "ProductDateCreated": "2015-07-24T12:58:17.430Z",
                    "TotalProduct": 294
                },
                {
                    "productId": "13",
                    "productName": "ProductB",
                    "productPrice": "8545",
                    "TotalProduct": 294,
                    "ProductHits": {
                        "2015-08-01T00:00:00Z"
                    }
                },
                {
                    "productId": "14",
                    "productName": "ProductC",
                    "productPrice": "8654",
                    "TotalProduct": 78,
                    "ProductHits": {
                        "2015-08-10T00:00:00Z"
                    }
                },
                {
                    "productId": "15",
                    "productName": "ProductD",
                    "productPrice": "87456",
                    "TotalProduct": 878,
                    "ProductHits": {
                        "2015-05-12T00:00:00Z"
                    }
                }
            ];

            var startDate = "2015-08-04";
            var endDate = "2015-08-12";

            var resultProductData = product_data.filter(
                    function (a)
                    {
                        return (a.ProductHits) > startDate && (a.ProductHits) < endDate;
                    });
            console.log(resultProductData);
        </script>

    </body>
</html>

vous comparez des chaînes. vous devez comparer des dates. Solution: convertir les chaînes de caractères à la Date d'objets et de les comparer. EDIT: ProductHits est pas de string. c'est un objet. vous devez convertir toutes les clés de cet objet et de les comparer entre eux, un par un.
Comment convertir clés comme objet?
première: dites-moi pls pourquoi il y a des espaces dans votre date de chaînes de caractères après la virgule?
deuxième: dites-moi pls la règle pour ProductHits. il existe de multiples entrées (les dates). ont-ils correspondre à la plage ou un seul d'entre eux?
aaand (le dernier ;)). vous êtes sûr que c'coque ProductHits et pas ProductDateCreated ? Dans mon opnion qui aurait plus de sens...

OriginalL'auteur jquery beginner | 2015-08-13

        var startDate = new Date("2015-08-04");
        var endDate = new Date("2015-08-12");

        var resultProductData = product_data.filter(function (a) {
            var hitDates = a.ProductHits || {};
            //extract all date strings
            hitDates = Object.keys(hitDates);
            //convert strings to Date objcts
            hitDates = hitDates.map(function(date) { return new Date(date); });
            //filter this dates by startDate and endDate
            var hitDateMatches = hitDates.filter(function(date) { return date >= startDate && date <= endDate });
            //if there is more than 0 results keep it. if 0 then filter it away
            return hitDateMatches.length>0;
        });
        console.log(resultProductData);

violon: http://jsfiddle.net/4nz1ahuw/

Mise à JOUR comme Ates Goral suggère dans les commentaires de la solution ci-dessus peut être optimisée par l'utilisation de Tableau.protype.certains:

        var startDate = new Date("2015-08-04");
        var endDate = new Date("2015-08-12");

        var resultProductData = product_data.filter(function (a) {
            var hitDates = a.ProductHits || {};
            //extract all date strings
            hitDates = Object.keys(hitDates);
            //improvement: use some. this is an improment because .map()
            //and .filter() are walking through all elements.
            //.some() stops this process if one item is found that returns true in the callback function and returns true for the whole expression
            hitDateMatchExists = hitDates.some(function(dateStr) {
                var date = new Date(dateStr);
                return date >= startDate && date <= endDate
            });
            return hitDateMatchExists;
        });
        console.log(resultProductData);

je vous remercie pour vos bons conseils 🙂

Vous pouvez également utiliser Array.prototype.some comme l'optimisation:

return Object.keys(a.ProductHits || {}).some(function (dateStr) { var date = new Date(dateStr); return date >= startDate && date <= endDate; });

(Termine l'itération du moment qu'il y a un match.)
de bons conseils. N'hésitez pas à modifier dans le post comme une mise à jour de bloc si vous le souhaitez. merci 🙂
Mon plaisir. Je ne voulais pas gâcher la clarté de votre réponse 🙂
l'ajout de votre solution pour la réponse. J'espère qu'il est aussi clairement documentées 😉
cela dépend de votre fuseau horaire. voir la -0700 à la fin de la date? 17:00:00 heures + 7 heures à minuit. Si vous voulez vonvert la date à GMT +0 vous pouvez utiliser Date.prototype.getTimezoneOffset() et Date.prototype.valueOf(). mais pensez-y: le dow-il question? toutes les dates sont modifiées de la même façon et de les comparer avec une baisse des opérateurs. donc... ça ne compte pas 😉

OriginalL'auteur Joshua K

Vous devez vous connecter pour publier un commentaire.