Noms de variables dynamiques en javascript

J'ai une variable:

var variableDynamic = 1;
//or    
var variableDynamic = 1 + i++;

Est-il possible de l'utiliser pour créer des dynamiques de noms de variables, par exemple quelque chose comme ceci:

var variableName + variableDynamic = {};
//or
var (variableName + variableDynamic) = {};

Je sais ce que j'ai écrit ci-dessus est absurde, mais c'est pour expliquer l'idée. Est-il possible?

Ok, ce que je veux faire pour créer un élément (télécharger le formulaire) à chaque fois que l'utilisateur, cliquez sur ajouter un nouveau fichier de groupe, tout fonctionne bien sauf que le plugin que j'utilise pour cela avoir besoin d'une variable pour chaque formulaire d'upload pour déclencher le bouton de téléchargement de (.uploadStoredFiles();).

C'est rugueux code que j'ai fait:

    $('#addOneMoreFileOrGroup').on('click', function(){

    var latestFileUploaderId = parseInt($('.well-large .file-uploader').last().attr('id').split('-')[2]) + 1;

    $('.well-large .control-group:last').after('<div class="control-group deal-type-online">  \
        <label class="control-label">File /File Group Title:</label> \
        <div class="controls"> \
            <input class="span4 file-title" type="text"> \
            <span class="question label label-warning" data-title="File /Group Name:" data-content="Name for your file or group of related files (for example your brand logotype in different file formats)." data-original-title="">?</span> \
            <div id="file-uploader-' + latestFileUploaderId + '" class="file-uploader"></div> \
        </div> \
    </div>');

    var HERE_I_NEED_DYNAMIC_VAR = new qq.FileUploader({
        element: document.getElementById('file-uploader-' + latestFileUploaderId + ''),
        action: 'do-nothing.htm',
        autoUpload: false,
        debug: true,
        uploadButtonText: '<i class="icon icon-plus"></i> Select Files...',
        onSubmit: function() {

            $('#file-uploader-' + latestFileUploaderId + ' .qq-uploader').after('<button id="file-uploader-trigger-' + latestFileUploaderId + '" class="btn btn-primary"><i class="icon-upload icon-white"></i> Upload now</button>');

            $('#file-uploader-trigger-' + latestFileUploaderId + '').on('click', function() {

                if($(this).parent().parent().parent().parent().find('.file-title').val() !== '') {
                    HERE_I_NEED_DYNAMIC_VAR.uploadStoredFiles();
                } else {

                    $(this).parent().parent().parent().addClass('error');

                }

            });

        }
    });

});

}

source d'informationauteur ignaty

  1. 28

    En JavaScript, les propriétés d'un objet peut être l'accès par obj.prop ou obj['prop'].

    Dans le contexte global, toutes les variables sont des enfants de la window de la propriété. Ainsi, vous serez en mesure de le faire:

    var variableDynamic = 'Test';
window['variableName' + variableDynamic] = 'your value';

    Découvrez ce violon.

    Cependant, si vous souhaitez limiter la portée de cette variable à une fonction, vous devez définir un parent de l'objet et de l'utiliser dans le lieu de window.

  2. 16

    Vous pouvez créer des variables dynamiques avec eval.

    eval("dynamic" + i + " = val[i]");

    Également jeter un oeil à ceci: L'utilisation dynamique des noms de variables en JavaScript

  3. 4

    Pour cela, vous pouvez utiliser eval(). Mais eval() est le mal. Vous devez utiliser un tableau pour ce genre de choses.

    Exemple:

    var i = 1337;
eval('var myvar' + i + ' = \'value\';');

alert(myvar1337);
  4. 4

    À ajouter à FAngels réponse, vous pouvez utiliser le support de la notation n'importe où. Cela signifie que, en plus de l'aide de window['var']vous pouvez utiliser this['var'].

  5. 4

    Je ne pense pas que eval() est mal nécessairement qu'il est mal utilisé parfois. C'est le travail consiste à prendre une corde et "evaluate" dans du code JavaScript (MDN), de sorte iff vous avez besoin de définir des variables dynamiquement eval() est une méthode pour le faire:

    var t = 't';
var four = '4';
eval('var ' + (t + four) + ' = "some value";');
console.log(t4);

//returns "some value" to the console

    Il y a probablement de meilleures méthodes pour effectuer une variable dynamique+paires de valeur, pas moins parce que evalzanne, sise code-les cordes sont mises en œuvre au niveau mondial, mais le ci-dessus ne fonctionne pas. La question est, est-ce la meilleure méthode pour obtenir ce que vous voulez atteindre(?). Voir cette 2013 blog de NCZOnline pour une discussion de " eval()'.

  6. 3

    Pas sûr abote comment cela pourrait être fait en fonction de la portée, mais variable globale peut être créé comme ceci:

    window[variableName + variableDynamic] = {}
  7. 1

    Je ne pense pas que vous pouvez créer des dynamiques des noms de variables en javascript, mais vous pouvez définir les attributs de l'objet en chaîne de caractères. Donc, si vous créez votre dynamique des variables comme les attributs d'un objet, vous pouvez atteindre votre objectif.