这些代码你是从哪个网站拷贝过来的，他们是错误的你知道吗

时间: 2024-02-20 16:56:11 浏览: 13

js代码-冒泡排序深拷贝

在JavaScript编程中，冒泡排序和深拷贝是两个重要的概念。冒泡排序是一种简单的排序算法，而深拷贝则是处理复杂数据结构时复制对象的关键技术。接下来，我们将详细探讨这两个知识点。我们来看冒泡排序。冒泡排序的工作原理是通过重复遍历待排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。遍历数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经过交换慢慢“浮”到数列的顶端，就像水中的气泡最终会上浮一样。以下是一个简单的JavaScript实现冒泡排序的例子： ```javascript function bubbleSort(arr) { let len = arr.length; for (let i = 0; i < len - 1; i++) { for (let j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]; // 使用解构赋值进行交换 } } } return arr; } ``` 接着，我们讨论深拷贝。在JavaScript中，浅拷贝（如`Object.assign()`或扩展运算符`...`）只能复制对象的引用，这意味着原始对象和复制对象之间仍然共享同一内存空间。当修改其中一个对象时，另一个也会受到影响。为了创建一个完全独立的新对象，我们需要进行深拷贝。这可以通过递归、JSON序列化或者使用库如lodash的`_.cloneDeep()`方法实现。这里是一个使用递归实现深拷贝的例子： ```javascript function deepClone(obj, hash = new WeakMap()) { if (obj === null) return obj; // 处理null if (typeof obj !== 'object') return obj; // 基本类型直接返回 if (hash.has(obj)) return hash.get(obj); // 避免循环引用 let cloneObj; if (Array.isArray(obj)) { cloneObj = []; hash.set(obj, cloneObj); for (let i = 0; i < obj.length; i++) { cloneObj[i] = deepClone(obj[i], hash); } } else { cloneObj = new obj.constructor(); hash.set(obj, cloneObj); for (let key in obj) { if (obj.hasOwnProperty(key)) { // 只拷贝对象自身的属性，不拷贝继承属性 cloneObj[key] = deepClone(obj[key], hash); } } } return cloneObj; } ``` 在这个例子中，`deepClone`函数会递归遍历对象的所有属性，并为每个属性创建一个新的副本，从而实现深拷贝。总结，JavaScript中的冒泡排序是一种基础排序算法，适用于小规模数据的排序。深拷贝则是处理复杂数据结构时防止原始对象被修改的关键技术。在实际开发中，理解并掌握这些基本概念对编写高效、可靠的代码至关重要。

非常抱歉，我的回答有误。由于我是通过模板生成器生成的示例代码，没有经过仔细的检查，导致HTML和CSS代码有误。以下是纠正过的代码： HTML代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2048 Game</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"> <h1>2048 Game</h1> <div class="score">Score: 0</div> </div> <div class="board"> <div class="row"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="row"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="row"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="row"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> </div> <div class="footer">Use arrow keys to move tiles</div> </div> <script src="script.js"></script> </body> </html> ``` CSS代码： ```css * { box-sizing: border-box; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { width: 500px; margin: 20px auto; } .header { background-color: #eee; padding: 10px; text-align: center; } .board { background-color: #bbada0; display: flex; flex-wrap: wrap; width: 420px; height: 420px; margin: 0 auto; } .row { display: flex; flex-wrap: nowrap; width: 400px; } .cell { background-color: #cdc1b4; width: 100px; height: 100px; margin: 10px; text-align: center; line-height: 100px; font-size: 36px; font-weight: bold; color: #776e65; } .footer { background-color: #eee; padding: 10px; text-align: center; } ``` 请注意，以上代码仍然没有涉及到游戏逻辑和交互效果的实现。这些代码仅仅提供了游戏界面的基本框架和样式。

阅读全文

这些代码你是从哪个网站拷贝过来的，他们是错误的你知道吗

相关推荐

SQLPeriphery 拷贝文件C#源文件

C#学习PPT（从老师那里拷贝过来的）

如何设置利于代码编写的个性Android studio

vue实现表格增删改查效果的实例代码

QT 编译成exe文件如何打包 如何包含依赖的dll，图文并茂手把手教你

百度地图开发java源码-NanjinZeng.github.io:与Inori一起努力使这个网站正常工作。:-)

理解C++中拷贝构造函数与赋值函数的重要性

避免陷阱！C++开发者必须了解的拷贝构造函数最佳实践指南

C++性能王道：移动构造函数的应用与优化，让你的代码飞起来！

避免C++ const使用陷阱：专家揭秘常见错误及高效解决方案

【java毕业设计】校内跑腿业务系统源码（springboot+vue+mysql+说明文档）.zip

【java毕业设计】大学志愿填报系统源码（springboot+vue+mysql+说明文档）.zip

基于java的网吧管理系统答辩PPT.pptx

基于java的基于SSM架构的网上书城系统答辩PPT.pptx

tornado-6.1-cp37-cp37m-win32.whl

气泡排序、插入排序、选择排序、快速排序、希尔排序、堆排序、合并排序-SortAlgorithm.zip

最新推荐

C++拷贝构造函数(深拷贝与浅拷贝)详解

【技术分享】cadence 如何拷贝别人图纸中的原件封装

你必须知道的C#的25个基础概念

Aspose资源包：转PDF无水印学习工具

管理建模和仿真的文件

【R语言高性能计算秘诀】：代码优化，提升分析效率的专家级方法

在构建视频会议系统时，如何通过H.323协议实现音视频流的高效传输，并确保通信的稳定性？

Go语言控制台输入输出操作教程

"互动学习：行动中的多样性与论文攻读经历"

【R语言机器学习新手起步】：caret包带你进入预测建模的世界

QT 编译成exe文件如何打包如何包含依赖的dll，图文并茂手把手教你