Array的filter内置函数无法改变对象数组的原始数据

     console.log('deselectTagValue: ===> ', deselectTagValue)
    console.log('tempTags：：：：before', tags.value)
    let tempTags = toRaw(tags.value);
    console.log('tempTags: before', tempTags)
    tempTags = tempTags.filter(item => item.value !== deselectTagValue);
    console.log('tempTags: after', tempTags)
    console.log('tempTags：：：：after', tags.value)
 
 
tempTags：：：：before 
Reactive<
Array(3)
>
taskworker-select.vue:80 tempTags: before 
(3) [{…}, {…}, {…}]
taskworker-select.vue:82 tempTags: after 
(2) [{…}, {…}]
taskworker-select.vue:83 tempTags：：：：after 
Reactive<
Array(3)
>

posted @ 2023-04-07 10:58 Felix_Openmind 阅读(60) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 对象数组相对于另一个数组进行过滤！

· [Code Snippets] 全选、反选、多选(未全选）、多选(到全选)

· 数组处理方法——filter

· js filter 改变数组属性值原数组属性值也会改变

· Python——第2章数据类型、运算符与内置函数

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

Array的filter内置函数无法改变对象数组的原始数据

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	console.log('deselectTagValue: ===> ', deselectTagValue)
	console.log('tempTags：：：：before', tags.value)
	let tempTags = toRaw(tags.value);
	console.log('tempTags: before', tempTags)
	tempTags = tempTags.filter(item => item.value !== deselectTagValue);
	console.log('tempTags: after', tempTags)
	console.log('tempTags：：：：after', tags.value)


	tempTags：：：：before
	Reactive<
	Array(3)
	>
	taskworker-select.vue:80 tempTags: before
	(3) [{…}, {…}, {…}]
	taskworker-select.vue:82 tempTags: after
	(2) [{…}, {…}]
	taskworker-select.vue:83 tempTags：：：：after
	Reactive<
	Array(3)
	>