JS数组存储（两个数组相等，一个改变，另一个跟着改变）

最新推荐文章于 2024-08-16 20:58:53 发布

羽筠

最新推荐文章于 2024-08-16 20:58:53 发布

阅读量4.5k

点赞数 1

分类专栏： JS

JS 专栏收录该内容

72 篇文章 0 订阅

订阅专栏

JS数组存储（两个数组相等，一个改变，另一个跟着改变）
数组是一种引用数据类型，数组引用变量只是一个引用，数组元素和数组变量在内存里是分开存放的
实际的数组元素被存储在堆（heap）内存中；数组引用变量是一个引用类型的变量，被存储在栈（stack）内存中。

基本类型：基本的数据类型有：undefined，boolean，number，string，null。基本类型存放在栈区，访问是按值访问的，就是说你可以操作保存在变量中的实际的值。
引用类型：引用类型指的是对象。可以拥有属性和方法，并且我们可以修改其属性和方法。引用对象存放的方式是：在栈中存放对象变量标示名称和该对象在堆中的存放地址，在堆中存放数据。

对象使用的是引用赋值。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在堆中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

push的定义是:向数组末尾添加一个或更多元素，并返回新的长度。该方法会改变数组的长度。
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。

concat的定义是：连接两个或更多的数组，并返回结果，该方法不会改变现有数组，而仅仅会返回数组的一个副本。
slice() 方法可从已有的数组中返回选定的元素，也仅会返回数组的一个副本。

JavaScript Array 对象

测试demo：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>array test</title>
</head>

<body>


<p>push的定义是:向数组末尾添加一个或更多元素，并返回新的长度。该方法会改变数组的长度。</p>
<p>splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。</p>
<p>&nbsp;</p>
<p>concat的定义是：连接两个或更多的数组，并返回结果，该方法不会改变现有数组，而仅仅会返回数组的一个副本。</p>
<p>slice() 方法可从已有的数组中返回选定的元素，也仅会返回数组的一个副本。</p>


<script type="text/javascript">

var oldData = [1,2,3];

newData = oldData.slice(0,oldData.length);

newData = newData.sort(function(a, b){
	return 0.5 - Math.random();
});
console.log('slice');
console.log(oldData);
console.log(newData);
console.log('-------------------------------');



var oldData = [1,2,3];

newData = [].concat(oldData);

newData.push(newData[0]);
newData.splice(0,1);
console.log('newData = [].concat(oldData)');
console.log(oldData);
console.log(newData);
console.log('-------------------------------');



var oldData = [1,2,3];

newData = oldData;

newData.push(newData[0]);
newData.splice(0,1);
console.log('newData = oldData');
console.log(oldData);
console.log(newData);
console.log('-------------------------------');



var oldData = [1,2,3];

newData = [].concat(oldData);

newData = newData.sort(function(a, b){
	return 0.5 - Math.random();
});
console.log('newData = [].concat(oldData)');
console.log(oldData);
console.log(newData);
console.log('-------------------------------');



var oldData = [1,2,3];

newData = oldData;

newData = newData.sort(function(a, b){
	return 0.5 - Math.random();
});
console.log('newData = oldData');
console.log(oldData);
console.log(newData);
console.log('-------------------------------');

</script>
</body>
</html>