0

我想做的是创建两个相同的数组。当我更改输入字段中的值并单击按钮时，我只想更改第二个数组中的值。但是，当我这样做时，出于某种奇怪的原因，它会更改两个数组中的值？知道我做错了什么吗？

这是我的代码的简化版本：

Javascript：

var arr1=[],

    arr2=[];

$(':input').each(function()
{
    var id = $(this).attr('id');

    arr1[id] = arr2[id] = {'text': $(this).val()};
});

$('#click').click(function()
{
    $(':input').each(function()
    {
        arr2[$(this).attr('id')].text = $(this).val();
    });

    alert(arr1['whatever'].text + '\n\n' + arr2['whatever'].text);

    return false;
});

HTML：

<input type="text" id="whatever" value="test">
<br><br>
<button type="button" id="click">Click</button>

这是一个示例，即当我将输入字段中的值更改为test2并单击按钮时，它显示它更改了两个数组中的值。

如果可能，我不想更改创建这些数组的方式，例如arr[id] = {'text': $(this).val()}. 除非这就是问题所在。

4

3 回答 3

4

您将对象存储在数组中

arr1[id] = arr2[id] = {'text': $(this).val()};

对象是ByRef，而不是ByVal，所以它们不仅相等，它们是相同的内存位，并且改变一个会改变两者。你可能想让它们像这样；

var val = $(this).val();
arr1[id] = {'text': val};
arr2[id] = {'text': val};
于 2013-05-26T11:53:21.617 回答
2

采用slice()

var array2 = array1.slice(0);
于 2013-05-26T11:50:30.373 回答
2

如果您为两个不同的变量分配一个双精度值，它们将具有相同的值，但是当您更改一个时，您也会更改第二个。

$(':input').each(function() {
    var id = $(this).attr('id'),
        val = $(this).val();
    arr1[id] = {'text': val};
    arr2[id] = {'text': val};
});
于 2013-05-26T11:51:39.620 回答