如何创建两个相同的数组，并仅更改其中一个数组的值

How do you create two identical arrays and change the values of just one?

本文关键字：数组 一个 两个 何创建 创建      更新时间：2023-09-26

我要做的是创建两个相同的数组。当我更改输入字段中的值并单击按钮时，我只想更改第二个数组中的值。然而，当我这样做时，由于一些奇怪的原因，它改变了中的值两个数组?知道我哪里做错了吗?

下面是我的代码的简化版本:

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()}。除非这就是问题所在

在数组中存储对象

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

对象是ByRef，而不是ByVal，所以它们不仅仅是相等的，它们是相同的内存位，改变一个会改变两个。你可能想把它们做成这样;

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

使用slice() 

var array2 = array1.slice(0);

如果你给两个不同的变量赋双精度值，它们会有相同的值，但是当你改变一个变量时，你也会改变另一个。

$(':input').each(function() {
    var id = $(this).attr('id'),
        val = $(this).val();
    arr1[id] = {'text': val};
    arr2[id] = {'text': val};
});
相关文章：