JSON 数组未完全加载？

Question

我最近在尝试过滤数组时遇到了一个错误，但有时当我记录整个数组（在任何过滤之前）时，数组会丢失项目。当我多次调用此函数时会发生这种情况，是否有解决方法？

这是过滤数组的代码，我按照建议使用了 .find() 但原始数据仍在被覆盖：

let newData = dataCorte
// Log variables 
console.log('Type:',args.tipo);
// Log the WHOLE ARRAY, it has two items ALWAYS
console.log('Original Data:', dataCorte.e);
// Filter the array into a new variable
let found = newData.e.find(item => {
                return item.id === args.tipo
            })
// Log the WHOLE ARRAY, it has two items ALWAYS
 console.log('Original Data:', dataCorte.e);
// Assign the found object into the 'e' array
 newData.e = [found]

console.log('================================');
// Return the new data
return newData

Answer 1

我发现这解决了MEDZ 指出的问题，我发现here：

// Create a copy of dataCorte
let newData = Object.assign({}, dataCorte)
 // Log variables 
console.log('Type:',args.tipo);
// Log the WHOLE ARRAY, it has two items ALWAYS
console.log('Original Data:', dataCorte.e.slice());
// Filter the array into a new variable
console.log('Filtering for item');

let found = dataCorte.e.find(item => {
                return item.id === args.tipo
            })
// Log the WHOLE ARRAY, it has two items ALWAYS
console.log('Original Data:', dataCorte.e);
 // Assign the found object into the 'e' array
newData.e = [found]

console.log('================================');
// Return the new data
return newData

Answer 2

你使用 .filter() 来获取一个值，而你应该使用 .find()：

let data = dataCorte.e.find(item => {
  return item.id === args.tipo
}); //no need to use [0] since it will return one object

这会更安全，因为您已经获取了一个值并且它不会弄乱您的数组。

当您将dataCorte 分配给newData 时，它是通过引用而不是通过值分配的，这意味着两者都指向内存中的同一位置。为了解决这个问题，你需要解决这个问题来复制数组而不是通过引用传递它：

// "Spread"
let newData = { ...dataCorte }


// "Object.assign"
let newData = Object.assign({}, dataCorte)


// "JSON"
let newData = JSON.parse(JSON.stringify(dataCorte))