Question

我有一个json对象，其中包含2个arrays，我删除了重复的元素。我想显示测试目的，前/后更改。但我的Chrome控制台输出的原因不明，即使其长度与数组中的元素数量相对应，也不会显示我的数组的所有元素。

如果您想查看代码，请创建一个JS fiddle。

我的代码结构如下：

//Before------------------
console.log(myjsonobject);
removeduplicates(myjsonobject);
//After-------------------  
console.log(myjsonobject);

Answer 1

这种行为是预期的，因为javascript对象通过引用传递，而不是通过值传递它们的原语。

如果你对数组执行深度克隆，你会发现它打印到控制台就好了。

var createdComponents;
createdComponents = {
  "switches":[],
  "SA":[]
};
//Adding duplicates elements to my array
createdComponents.switches.push("SW1");
createdComponents.SA.push("SA1");
createdComponents.switches.push("SW1");
createdComponents.SA.push("SA1");

//Display object with duplicates
console.log("Before:------------");
console.log(JSON.parse(JSON.stringify(createdComponents)));

//Removing duplicates
createdComponents.switches = removeDuplicates(createdComponents.switches);
createdComponents.SA = removeDuplicates(createdComponents.SA);

//Display new object
console.log("After duplicates being removed:------------");
console.log(createdComponents);

function removeDuplicates(arr){
  let unique_array = []
  for(let i = 0;i < arr.length; i++){
    if(unique_array.indexOf(arr[i]) == -1){
      unique_array.push(arr[i])
    }
  }
  return unique_array
}

JSFiddle

json的Chrome控制台输出有奇怪的行为

1 个答案: