Cet article vous donnera une brève analyse de la copie profonde et de la copie superficielle dans les tableaux JavaScript.-js tutoriel-php.cn

Lorsque nous utilisons JavaScript pour opérer sur des tableaux, nous devons souvent sauvegarder le tableau. L'article suivant vous guidera à travers la copie approfondie et la copie superficielle dans des tableaux JavaScript. J'espère qu'il vous sera utile !

Cet article vous donnera une brève analyse de la copie profonde et de la copie superficielle dans les tableaux JavaScript.

Présentation de la copie profonde et de la copie superficielle des tableaux Tout d'abord, je vais passer en revue les types de données

types de données

1. code> booléen null non défininumber string boolean null undefined

存储方式：基本数据类型存储在栈内存中
变量存储的就是值

2、引用数据类型：function 数组对象（下篇介绍）

存储方式：引用数据类型存储在堆内存中
变量存储的是地址。【相关推荐：javascript学习教程】

至于存储方式我们来分析分析：

先给大家介绍介绍栈内存与堆内存，作为了解：

栈内存：引擎执行代码时工作的内存空间，除了引擎，也用来保存基本值和引用类型值的地址。
堆内存：用来保存一组无序且唯一的引用类型值，可以使用栈中的键名来取得。

我们再来看：

   var a = 2;
        var b = a;
        b++;//3
        console.log(a); //2

Copier après la connexion

分析分析，将a的值赋值给b，接着改变b的值，a的值没有受到影响。但是引用数据类型，那就不是这样了，赋值的是地址。

   var arr = [1,2,3] ;
        var arr2 = arr ;
        arr2.push(4) ;
        console.log(arr);   // arr发生了改变

Copier après la connexion

分析分析，arr复制的是地址，何为地址，可以比作成一个房间，arr和arr2都是指向的这个房间，改变这个房间的结构，arr和arr2都会受到影响。如下图

Cet article vous donnera une brève analyse de la copie profonde et de la copie superficielle dans les tableaux JavaScript.

了解上面后，接着重点

深复制与浅复制

数组的浅复制：只复制了地址 (共享地址)
数组的深复制：复制值
遍历(把原数组中的值存入新的数组) var arr2 = [] ;
slice() 截取数组中的所有值，得到的是一个新数组。就是要在堆内存中开辟一个新的空间。

数组的浅复制：

只复制了地址 (共享地址)

   var arr = [1,2,3,4,5] ;
        // 数组的浅复制 --- 只是复制了地址 
        var arr2 = arr ;
    //改变其中一个数组，两个数组都会改变，

Copier après la connexion

还是很简单理解浅复制的。

数组的深复制：

复制数组中的值

1、定义一个新的空数组，遍历原数组并赋值给新数组

 var arr = [1, 2, 3, 4, 5]
        var arr3 = [];
        arr.forEach(function(v) {
            arr3.push(v)
        })
        console.log(arr3);
        arr3.push(&#39;a&#39;);
        console.log(arr, arr3);//arr[1,2,3,4,5],arr3[1,2,3,4,5,&#39;a&#39;]

Copier après la connexion

改变新数组中的值，原数组不会改变

2、slice() 截取数组中的所有值，得到的是一个新数组

        var arr3 = arr.slice() ;
        console.log(arr3);
        arr3.push(&#39;a&#39;) ;
        console.log(arr3);//[1,2,3,4,5,&#39;a&#39;]
        console.log(arr);//[1,2,3,4,5]

Copier après la connexion

改变新数组中的值，原数组不会改变

在这里提一嘴：

基本数据类型传递是值 ,引用数据类型传递的是地址(形参和实参共享地址)

难点难点，多维数组的深复制，以上提到的都是一维数组的深复制和浅复制

二维数组：二维数组本质上是以数组作为数组元素的数组，即“数组的数组”，例如：arr=[[1,2,3],[1,2],[1,2,3,4]]
分析以下代码，为二维数组的遍历，变量i，j代表的就是，下标为i元素（也就是数组）中的第 j+1个元素。

 var arr = [
            [1, 2, 3],
            [4, 5, 6],
            [2, 3, 4]
        ]

        for (var i in arr) {
            for (var j in arr[i]) {
                console.log(arr[i][j]);
            }
        }

Copier après la connexion

多维数组：三维及其以上的数组

多维数组的深复制

多维数组的深复制可不像一维数组那样好判断，因为你无法判断数组中的元素是否又是数组，数组中有数组，无止境，哈哈，所以就需要用到前面提到的递归。
用到的方法：Array.isArray(arr[i])

Méthode de stockage : les types de données de base sont stockés dans la
mémoire de pile

Les variables stockent
valeurs

2. Type de données de référence : objet tableau de fonctions (introduit dans le prochain article)

Méthode de stockage : le type de données de référence est stocké dans la
mémoire tas🎜
La variable stocke l'🎜adresse🎜. [Recommandations associées : tutoriel d'apprentissage du javascript🎜]

🎜🎜Quant à la méthode de stockage, analysons-la :🎜🎜🎜Tout d'abord, permettez-moi de présenter la mémoire de pile et la mémoire de tas à tout le monde pour comprendre :🎜

🎜Mémoire de pile : L'espace mémoire où le moteur fonctionne lors de l'exécution du code. En plus du moteur, il est également utilisé pour enregistrer les adresses des valeurs de base et les valeurs de type de référence . 🎜
🎜Mémoire tas : utilisée pour enregistrer un ensemble de valeurs de type référence non ordonnées et uniques, qui peuvent être obtenues en utilisant le nom de la clé dans la pile. 🎜

🎜Regardons ça à nouveau : 🎜

<script>
        var arr = [1, 2, 3, 4, [5, 6, [7, 8]]];

        var arr2 = arr.slice();
        function deepArr(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                // newArr.push(arr[i])  这个arr[i]有可能还是一个数组
                if (Array.isArray(arr[i])) {
                    // 继续遍历数组 ，还是得到一个数组
                    var list = deepArr(arr[i]);
                    // 再把得到的数组放入newArr
                    newArr.push(list)
                } else {
                    newArr.push(arr[i]);
                }
            }
            return newArr
        }
        var res = deepArr(arr);
        res[4].push(&#39;a&#39;);
        console.log(res);//改变
        console.log(arr);//不改变
    </script>

Copier après la connexion

🎜Analyse et analyse, attribuez la valeur de a à b, puis changez la valeur de b, la valeur de a n'est pas affectée. Mais pour les types de données de référence, ce n'est pas le cas. Ce qui est attribué, c'est l'adresse. 🎜rrreee🎜 L'analyse montre que arr copie une adresse. Qu'est-ce qu'une adresse ? Elle peut être comparée à une pièce. Si la structure de cette pièce est modifiée, arr et arr2 seront affectés. Comme indiqué ci-dessous🎜🎜 Cet article vous donnera une brève analyse de la copie profonde et de la copie superficielle dans les tableaux JavaScript.