创建多个唯一数组 jQuery

Question

所以我有一个循环，它创建了 9 个独特的按钮，具有独特的 ID 号和独特的标题。这些按钮打开一个带有复选框的模式窗口，我一直将复选框数据保存到 1 个数组中。刚刚意识到我的错误，我需要知道如何循环并创建 9 个唯一命名的数组。

当前代码：

$('.roleBtn').click(function () {
    roleName = $(this).html();        /* Get role name */
    role_ID = $(this).attr('id');     /* Get role id */
    row_Name = ('row-'+role_ID );     /* Create Row Name */
    blueBtn = ('blue-btn-'+role_ID)   /* Create Blue Button */
    var str = $(this).attr('id');       
    substr = str.split ('role-');
    the_Num = substr[1];              /* Get the role ID and split to save number in the_Num */
    modal_ID = ('modal-'+the_Num);    /* Now get the associated modal number */
    genreAry = [];                    /* My Array, I need to make 9 of these */

基本上我有一个 XSL for-each 循环，它创建 9 个按钮并将角色（+数字）添加到 id。然后我就可以通过 jQuery 获取按钮和#ids 的内容了。

<xsl:for-each select="$TalentUser/item">
    <li class="roleBtn" id="role-{position()}">
        <xsl:value-of select="sc:fld('title',.)" />
    </li>
</xsl:for-each>

我找不到如何正确命名每个新数组，您将如何获取/创建以下内容：

genreAry1 = [];
genreAry2 = [];
genreAry3 = [];

---

将工作代码更新到@Don McCurdy

---

我的 XSL 放置一个javascript函数来获取创建的按钮数量（在我的例子中为9）

<div id="talent-gender">
    <ul>
        <!-- For Each to get Talent Roles -->
        <xsl:for-each select="$TalentUser/item">
            <li class="roleBtn" id="role-{position()}">
                <xsl:value-of select="sc:fld('title',.)" />
            </li>
         </xsl:for-each>
         <script type="text/javascript">createRoleGenreArrays();</script>
    </ul>
</div>

jQuery 全局变量

var array_of_arrays = [];
var object_with_arrays = {};
var num_role_leon = 0;

获取最终循环数 (9) 的 createRoleGenreArrays 函数

function createRoleGenreArrays () {

    for (i = 0; i < numRoleAry_leon.length; i++) {
        array_of_arrays.push([]);
        object_with_arrays['genreAry'+i] = []; /* creates 9 arrays named genreAry1, genreAray2 ... */
        console.log(i);
    }
}

然后最后使用我不同的数组

$('.doneButton').click(function () {

    role_ID = role_id_saved_leon;

    var ary_Num = the_Num - 1; // <-- need to do this

$('.simplemodal-data input:checked').each(function (i) {
        alert($(this).attr('value'));
        object_with_arrays['genreAry'+ary_Num].push($(this).attr('value'));

        //alert($(this).attr('value'));
    });

Answer 1

您是否在问如何创建任意数量的数组，而无需手动为每个数组创建变量名？如果是这样，我会考虑给他们一个封装对象或数组以使事情变得更容易。

var 
   i,
   n = 9,
   array_of_arrays = [],
   object_with_arrays = {};

for (i = 0; i < n; i++) {
   array_of_arrays.push([]);
   object_with_arrays['genreAry'+i] = [];
]

上面的代码将为您提供两种不同的方法：

[ [], [], [], ... ]
{ genreAry1: [], genreAry2: [], ... }

Answer 2

如果您需要一系列（数字索引）数组，那么您应该使用...

...一个二维数组！