JavaScript如何根据值移除数组对象？filter方法失效问题求助

嘿，我来帮你搞定这个问题！你遇到的情况其实是因为对filter方法的特性不够了解，咱们一步步拆解来看：

问题根源 #

filter是JavaScript数组的纯函数，它有个很关键的特性：

• 完全不会修改原数组
• 执行后会返回一个包含所有符合过滤条件元素的新数组

你之前的代码只是调用了filter，但没有把返回的新数组赋值给任何变量，所以原数组arraydata根本没被改变，这就是为什么console.log(arraydata)输出的还是原来的内容。

修正方案 #

有两种常见的处理方式，你可以根据需求选择：

方式1：直接覆盖原数组 #

如果你不需要保留原数组的原始数据，可以把过滤后的新数组赋值回原变量：

var arraydata = [ {"name":"name1","value":1}, {"name":"name2","value":2}, {"name":"name3","value":3} ];
// 将filter返回的新数组赋值给原变量
arraydata = arraydata.filter(i => i.value !== 1);
console.log(arraydata); // 现在输出的就是过滤后的数组啦

方式2：保留原数组，用新变量存储结果 #

如果需要保留原数组的原始数据，可以把过滤后的结果存到新变量里：

var arraydata = [ {"name":"name1","value":1}, {"name":"name2","value":2}, {"name":"name3","value":3} ];
// 用新变量接收过滤后的数组
var filteredArray = arraydata.filter(i => i.value !== 1);
console.log(filteredArray); // 输出过滤后的数组
console.log(arraydata); // 原数组依然保持不变

最终效果验证 #

不管用哪种方式，最终过滤后的数组都会是：

[ {"name":"name2","value":2}, {"name":"name3","value":3} ]

内容的提问来源于stack exchange，提问作者anguler-developer