数组打印时交换前后不一致：为何 `JSON.parse(JSON.stringify(array))` 创建的副本失效了？-html教程-PHP中文网

数组打印时交换前后不一致：为何 `JSON.parse(JSON.stringify(array))` 创建的副本失效了？

花韻仙語

发布： 2024-11-05 15:05:14

原创

1062人浏览过

数组打印时交换前后不一致：为何 `JSON.parse(JSON.stringify(array))` 创建的副本失效了？

数组打印时的奇怪现象：交换前后为何不同？

问题描述：

在冒泡排序的实现过程中，打印元素交换前后数组结构时，发现两个打印结果不一致。元素交换前打印的数组结构与元素交换后打印的数组结构存在差异。

分析：

代码中使用 oldArr = JSON.parse(JSON.stringify(array)) 创建了一个数组副本 oldArr, 用于保存交换前的数组结构。但问题出现了，在元素交换后，没有使用分号将返回值与 oldArr 分隔开，导致 oldArr 保存的实际上是元素交换后的数组结构。

正确的方法应为：

const oldArr = JSON.parse(JSON.stringify(array));
[array[i], array[j]] = [array[j], array[i]];
console.log(oldArr);

登录后复制

这样可以确保 oldArr 保存在元素交换前的数组结构。

Swapface人脸交换

一款创建逼真人脸交换的AI换脸工具

查看详情

示例：

修改后的代码如下：

function bubbleSort(array) {
            const len = array.length
            if (len < 2) return array
            for (let i = 0; i < len - 1; i++) {
                for (let j = i + 1; j < len; j++) {
                    if (array[j] < array[i]) {
                        const oldArr = JSON.parse(JSON.stringify(array));
                        [array[i], array[j]] = [array[j], array[i]];
                        console.log(oldArr);
                    }
                }
            }
            return array
        }

        var arr = [1, 3, 6, 3, 23, 1, 34];
        bubbleSort(arr)

登录后复制

输出结果如下：