Bonjour, je tente d'ajouter des données a un tableau mais ca ne fonctionne pas.

Voici mon code:

$('#val-panier').click(function (){
        var dataCart = [];
        for(var i = 1; i < 100; i++){
            var idx = $('#idx-'+i).val();
            var qte = $('#total-art-'+i).val();

            dataCart['idx'+i] = idx;
            dataCart['qte'+i] = qte;
        }
        console.table(dataCart);
    })

Merci d'avance pour votre aide

-
Edité par SebastienO 11 novembre 2024 à 19:18:56

Bonjour, ce n'est pas comme en PHP, les tableaux associatifs en JS sont des Object pas des Array.

Remplace

var dataCart = [];

Par

var dataCart = new Object();

Lire : https://www.xul.fr/ecmascript/associatif.php

Hello,

Je conseil de passer par les objets en effet mais on peut le faire avec ça notation '{}' qui sera plus simple pour le coup.

En gros dans l'idée tu aura dans ton JS ceci :

const products = [
    {
        id: 1,
        name: 'Product 1',
        description: 'Description du produit 1',
        unit_price: 10_00, // 10_00 === 1000 c'est juste plus lisible
        unit_quantity: 1,
    },
    {
        id: 2,
        name: 'Product 2',
        description: 'Description du produit 2',
        unit_price: 7_50,
        unit_quantity: 2,
    }
]

Ce qui te permet d'en faire ce que tu veux derrière. Car il suffit ensuit de faire de la manipulation de tableau et d'objet pour changer la "liste des produits".

Aussi il ne faut plus utiliser var et utiliser 'let' voir même 'const' dès que l'on peut. J'ajouterai aussi de ne pas avoir jQuery si tu n'a pas une raison de maintient d'un code vieux qui utilise déjà jQuery.

Voici un lien jsfiddle qui montre un exemple : https://jsfiddle.net/0edvprzs/ 

-
Edité par quenti77 14 novembre 2024 à 11:02:09