js数组修改后会互相影响

简介: js数组修改后会互相影响
// 假设httpServe 是服务器返回来的数据
// 我们这里有一个需求,
// 某一个区域需要对这一份数据进行展示
// 另一个区域需要只需要展示前1条数据


let httpServe = [
    {
        name: '张三',
        age: 14
    },
    {
        name: '李四',
        age: 13
    },
    {
        name: '王五',
        age: 16
    }
]
let zhanshiData = httpServe;
let zhanshiOne =httpServe;
zhanshiOne.splice(0,1);
console.log('zhanshiData==>',zhanshiData);
console.log('zhanshiOne==>',zhanshiOne);


1425695-20210825222500264-1274188933.png

值在互相影响,因为数组赋值是赋值一个引用地址;


你将一个数组复制了A和B;


当你修改A和B的时候,会影响原数组哈


特别需要注意一下;


解决的办法是深拷贝一下;这样就不会互相影响了

相关文章
|
2月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
38 2
|
2月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
29 3
|
2月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
44 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
47 1
|
2月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
28 5
|
2月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
19 3
|
2月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
55 1
|
2月前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
29 0
|
2月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
29 3
|
3月前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素