【Javascript】数组和对象的地址引用问题

liebian365 2024-11-21 17:37 14 浏览 0 评论

前言：大家在使用js数组的时候，特别是进行二次复制，然后把临时变量做修改的时候，发现原数组值也被修改了，这时候其实就是一个地址引用的问题。本次就是为大家解释一下发生的几种情况和解决方案

第一种

var a = [1,2,3,4]
var b = a
b[0] = 5
console.log(a)
	[5,2,3,4]

解释：

JS中是没有指针概念，只有传值、传址（引用）的两种情况
所以可以分析
var a = [1,2,3,4] 
#a 代表的不只是一个数组，也是一个数组对象，那么a其实就是[1,2,3,4]的地址
那么同样
var b = a
var c = b
var ...
#都是对 [1,2,3,4]的地址使用，并非开一个新的空间
#所以就会产生如下情况
b[0] = 5
#实际修改的是 [1,2,3,4] 的第一个值

解决：

var a = [1,2,3,4]
var b = [].concat(a)
b[0] = 5
console.log(a)
	[1, 2, 3, 4]
解释：
concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。所以再使用的时候就不是a的地址了
主要针对是一维数组的情况

第二种，使用值的情况

var b = a[0]
b = 8
console.log(a)
	[5,2,3,4]

解释：

从上面代码分析，把a索引为0的值，给了b，这时候的b其实用的就是真实的值，并非是一个整体对象，所以在修改b的值时候，不会影响到a所有的数据

第三种，数组内容是对象的时候

var a = [{1:1},{2:2}]
var b = [].concat(a)
b[0][1] = 3
#再打印a
0: {1: 3}
1: {2: 2}
#这时候发现，concat并未启到作用，

解释：

其实这本质还是改变了地址，因为{1:1}本身就是对象，只是放到了数组中，那么connat复制的是第一层，没有针对内容的对象进行重新生成新的值。

解决：

var b = JSON.parse(JSON.stringify(a))
b[0][1] = 3
#再打印a
0: {1: 1}
1: {2: 2}
#JSON.stringify 是将内容转成了字符串，那么就消除了对象地址那一个层级。这时候再解析成对象，那么就是新的空间了

数组引用

上一篇：MeterSphere接口测试提取数组及引用的高级用法
下一篇：Excel中使用VBA你不可不知道的使用数组，干货分享

【Javascript】数组和对象的地址引用问题

第一种

第二种，使用值的情况

第三种，数组内容是对象的时候

相关推荐

取消回复欢迎你发表评论:

一个小时多点，完成scrapy爬取官方网站新房的数据，50块到手

C语言char同时读取多个输入字符并打印

爬虫项目:实现京东全网爬虫京东爬虫跳过登录页

C语言总结_格式化打印函数、字符串、运算符

信息系统安全:软件系统安全

嵌入式开发C语言编程的那些编程思路与技巧

volatile很难?由浅入深怼到CPU汇编，彻底搞清楚它的底层原理

volatile详解

民间石子棋玩法，摆方，简单好学，你会吗?

Python玩转Excel，使用Python读取Excel文件如此简单!

【Javascript】 数组和对象的地址引用问题

第一种

第二种，使用值的情况

第三种，数组内容是对象的时候

相关推荐

取消回复欢迎 你 发表评论:

一个小时多点，完成scrapy爬取官方网站新房的数据，50块到手

C语言char同时读取多个输入字符并打印

爬虫项目:实现京东全网爬虫 京东爬虫跳过登录页

C语言总结_格式化打印函数、字符串、运算符

信息系统安全:软件系统安全

嵌入式开发C语言编程的那些编程思路与技巧

volatile很难?由浅入深怼到CPU汇编，彻底搞清楚它的底层原理

volatile详解

民间石子棋玩法，摆方，简单好学，你会吗?

Python玩转Excel，使用Python读取Excel文件如此简单!

【Javascript】数组和对象的地址引用问题

取消回复欢迎你发表评论:

爬虫项目:实现京东全网爬虫京东爬虫跳过登录页