Question

我为我的导师创建了以下代码，我想知道是否有人能想到更简单的方法，或者已经存在的方法？我也有兴趣学习如何在javascript中创建插件，但忘记了如何/无法在谷歌上找到它。

无论如何，这是代码......

window.addEventListener('load', function()
{
    for(var i = 0; i < document.forms[0].length; i++)
    {
        document.forms[0].elements[i].checked = false;
    }   
}, false);

function formHandler()
{
    valArray = new Array();
    toppArray = new Array();
    var theForm = document.forms[0];

    for(var i = 0; i < theForm.length; i++)
    {
        theValue = theForm.elements[i].value;
        if(theForm.elements[i].checked == true)
        {
            if(theForm.elements[i].type == 'checkbox' && theForm.elements[i].name == 'myChBx')
            {
                appendArr(toppArray, theForm.elements[i].value);
                appendArr(valArray, toppArray, 'topping');  
            }else
            {
                appendArr(valArray, theValue);  
            }
        }
    }
}

function appendArr(array, value, keyVal = '')
{
    if(keyVal != '')
    {
        array[keyVal] = value;
    }else
        array[array.length] = value;
}

好的，现在简要解释这段代码的作用。在php中我知道你可以使用像

这样的东西将值附加到数组上

$array[] = $value;

但我已经阅读了几个地方，你必须如何使用对象在javascript中创建一个关联数组。在某种程度上，我猜我已经做到了，但我使用数组对象进行了管理。

这样做的目的是从一个简单的收音机和复选框表格中获取值，例如这个......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="./appendArr.js"></script>
</head>

<body>
    <form action="" method="post">
        Radio 1:<input type="radio" name="myRdo" id="rdo" value="radio 1" onclick="formHandler();" />
        Radio 2:<input type="radio" name="myRdo" id="rdo" value="radio 2" onclick="formHandler();" />
        Radio 3:<input type="radio" name="myRdo" id="rdo" value="radio 3" onclick="formHandler();" />
        <br />
        Checkbox 1:<input type="checkbox" name="myChBx" id="myChBx" value="Checkbox 1" onclick="formHandler();" />
        Checkbox 2:<input type="checkbox" name="myChBx" id="myChbx" value="Checkbox 2" onclick="formHandler();" />
        Checkbox 3:<input type="checkbox" name="myChBx" id="myChbx" value="Checkbox 3" onclick="formHandler();" />
        <br />
        <input type="submit" name="submit" id="button" " value="Button" />
    </form>
</body>
</html>

并将它们存储在一个数组中，其中一个值是一个名为toppings的关联数组;所以数组中的某些值将是单个变量，而其他值则是单个变量的集合。

无论如何......我可能只花了一个小时就没有了，但是我来这里学习，所以请不要拖钓。感谢

Answer 1

JavaScript没有关联数组，它有“数组”，它们是索引列表，它有“对象”，它们是键：值容器。这似乎与您所要求的内容无关，因此......您需要回答的实际问题是什么？ “我如何在JavaScript中执行$ arr [] = $ val”？如果是这样，那就是push（），如：

["a","b","c"].push("d") // result: ["a","b","c","d"]

如果那不是你的问题，请编辑原帖，因为完全不清楚你真正想知道的是什么。

将值推送到关联数组

1 个答案: