JavaScript 值类型和引用类型的初次研究(推荐)_网络技术

JavaScript 值类型和引用类型的初次研究(推荐)

发布时间 - 2026-01-11 02:24:15 点击率：次

值类型：也称为原始数据或原始值（primitive value）。

这类值存储在栈（stack）中，栈是内存中一种特殊的数据结构，也称为线性表，栈按照后进先出的原则存储数据，先进入的数据被压入栈底，最后插入（push）的数据放在栈顶，需要读取数据时从栈顶开始弹出（pop）数据，即最后一个数据被第一个读出来。因此说，值类型都是简单的数据段。变量的位置和变量值的位置是重叠的，也就是说值类型的数据被存储在变量被访问的位置。

引用类型：这类值存储在堆（heap）中，堆是内存中的动态区域，相当于自留空间，在程序运行期间会动态分配给代码和堆栈。

堆中存储的一般都是对象，然后通过一个编号传递给栈内变量，这个编号就是所谓的引用指针（point），这样变量和变量值之间是分离的，它们通过指针相联系。当读写数据时，计算机通过变量的指针找到堆中的数据块，并进行操作。

今天遇到一个坑，具体的不多说，直接上代码

var a = [ [],[],[1,2,3] ]
var b = ['颜色','大小','尺寸']
var arr = []
for(let i = 0; i < a.length; i ++){
  let obj = {}
  for(let j = 0; j < a[i].length; j ++){
    obj[b[i]] = a[i][j]
    arr.push(obj)
    console.log(arr)
    console.log(obj)
  }

}
console.log(arr)

我预期的 arr 的结果应该是

[ { '尺寸': 1 }, { '尺寸': 2 }, { '尺寸': 3 } ]

最后arr的结果居然是这样的

[ { '尺寸': 3 }, { '尺寸': 3 }, { '尺寸': 3 } ]

在一个基友群里问，最后终于自己得出结论了——这是因为值类型和引用类型不同的原因。

在JavaScript里的值大概分为两种，一种是值类型，一种是引用类型。

值类型：数值、布尔值、null、undefined

引用类型：对象、数组、函数

我们例子中的obj虽然每次打印出来都是不同的，但是因为是引用类型，arr也是引用类型，即使obj push到arr里面了，也只是push进去了一个内存地址而已，所以最后obj变成3了，arr里面引用的obj也会全部变成3。很神奇吧，最后解决的办法也很简单

var a = [ [],[],[1,2,3] ]
var b = ['颜色','大小','尺寸']
var arr = []
for(let i = 0; i < a.length; i ++){
  for(let j = 0; j < a[i].length; j ++){
  let obj = {}
    obj[b[i]] = a[i][j]
    arr.push(obj)
  }
}
console.log(arr)

只要把obj的声明放在最内层的循环里面，每次循环都会是单独的一个内存地址，这样最后的obj即使变成了3，前面的obj也不会被影响到，因为他们的内存地址根部不同。

以上所述是小编给大家介绍的JavaScript 值类型和引用类型的初次研究(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# javascript # 值类型和引用类型 # JavaScript中值类型和引用类型的区别 # JavaScript对象内置对象 # 值类型和引用类型讲解 # JavaScript基本数据类型及值类型和引用类型 # js中的值类型和引用类型小结文字说明与实例 # JavaScript中值类型与引用类型实例说明 # js中值类型和引用类型的区别介绍 # 都是 # 放在 # 这类 # 小编 # 堆中 # 他们的 # 也会 # 变量值 # 第一个 # 在此 # 是这样 # 两种 # 要把 # 数据结构 # 也很 # 给大家 # 弹出 # 影响到 # 多说 # 这是因为

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：免费建站如何快速盈利？零成本实战教程与技巧解析

下一篇：debian readdir如何与其他软件协同工作

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：免费建站如何快速盈利？零成本实战教程与技巧解析

下一篇：debian readdir如何与其他软件协同工作