文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

javascript 数组的深复制和浅复制

这段时间忙的我是欲仙欲死，导致公众号断更了好几天。 但收获也是巨大的，对于JS的一些应用有了一些新的理解，以后我慢慢写出来。 今天简单的写一个javascript里数组的深复制和浅复制。...首先通过for循环，给arr数组添加了内容， 然后声明变量arr2并把arr的值赋给它， 这看起来像是复制了一个数组， 毕竟console.log打印出来的值， 显示arr和arr2的值是一样的， 但这是一种假象...， 其实这只是给数组arr添加了一个引用而已， 你对原数组的操作，会在新数组上引起相同的反应。...你看arr[0]='xx'， 我们对arr数组进行了操作， 然后再次用console.log打印arr和arr2, 就会看到arr2数组也被修改了， 这就是“浅复制”，被复制的只是数组对象的引用。...arr1的值， 再把arr1和arr2的值，都打印出来， 会发现新数组的值并没有被修改， 这说明这二个数组已经完全没有关联了。

2K50

javascript 数组以及对象的深拷贝（复制数组或复制对象）的方法

javascript 数组以及对象的深拷贝（复制数组或复制对象）的方法 前言 在js中，数组和对象的复制如果使用=号来进行复制，那只是浅拷贝。...如下图演示： 如上，arr的修改，会影响arr2的值，这显然在绝大多数情况下，并不是我们所需要的结果。 因此，数组以及对象的深拷贝就是javascript的一个基本功了。...我不做过深的阐述，本文中涉及到的都是比较浅显的内容。诸位请根据自己的需要以及情况自行判断和理解。 数组的深拷贝 条条大道通罗马，实现数组的深拷贝，是有好几种方法的。...slice 方法实现数组的深拷贝 这个代码实现非常简单。原理也比较好理解，他是将原数组中抽离部分出来形成一个新数组。我们只要设置为抽离全部，即可完成数组的深拷贝。...它是用于连接多个数组组成一个新的数组的方法。那么，我们只要连接它自己，即可完成数组的深拷贝。

5.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【JavaScript】数组 ② ( JavaScript 数组索引 | JavaScript 遍历数组 | 使用 for 循环遍历数组 )

    一、JavaScript 数组索引 1、数组索引 在 JavaScript 中 , 数组 的 " 索引 " 又称为 " 下标 " , 从 0 开始计数 , 是 可用于访问 数组元素 的 " 序号 " ;...通过 数组索引 可以 访问 / 获取 / 修改 对应的数组元素 , 语法如下 : 数组名称[索引] 访问数组 元素 时 , 要注意数组的边界 , 如果尝试访问一个不存在的索引 , 会返回 undefined...数组 中的 'banana' 元素 的索引是 1 , arr 数组 中的 'cherry' 元素 的索引是 2 ; 该 arr 数组中只有 3 个元素 , 所以 第四个元素 索引 3 是不存在的 ,...0 ~ 2 索引对应的元素 , 访问第 4 个元素获取的值为 undefined ; 二、JavaScript 遍历数组 1、使用 for 循环遍历数组 JavaScript 中 使用 for 循环遍历数组...是 最常用的方式 ; 循环控制变量 初始化为 0 , 然后每次循环累加 1 , 循环 数组元素个数 次 , 这样就能实现 数组的完整遍历 ; 使用 arr.length 可以获取 arr 数组的长度

    2.8K10

    Java 复制数组

    一、什么是Java中的数组？数组是一种数据结构，可以存储多个相同类型的元素；在Java中，数组是一种对象，它可以存储基本数据类型和对象类型。二、数组有哪些常见的操作？...创建数组：使用new操作符创建一个新的数组对象。访问元素：使用索引访问数组中的元素。遍历数组：使用循环结构遍历数组中的所有元素。...复制数组：使用System.arraycopy()方法或Arrays.copyOf()方法将一个数组复制到另一个数组中。排序数组：使用Arrays.sort()方法对数组进行排序。...三、数组的五种赋值方法和使用方法声明数组ini 代码解读复制代码int[] arr; //开辟三个空间arr = new int[3]; //向数组中赋值，0、1、2是下标 arr[0] = 30; arr...//输出数组中的值 System.out.println(arr[i]); }四、求总和平均ini 代码解读复制代码int i = 0; int zong = 0; int[] arr = new

    51000

    ECMAScript 2023：为JavaScript带来新的数组复制方法

    相反，我们需要先复制该数组，然后改变副本再将其设置为新状态。因此，React 文档专门有一整页解释了如何更新状态数组。 先复制，后变异 解决这个问题的方法，是先复制数组，之后再执行变异。...新方法可随副本变化 此次公布的新方法正是为此而生。toSorted、toReversed、toSpliced 和 with 都能复制原始数组、变更副本再返回结果。...如此一来，每项操作都更易于编写，开发者只需调用一个函数即可，代码阅读起来也更容易、不必预先考虑到底要用具体哪种数组复制方法。下面，我们来看这几种新方法的区别。...换言之，如果大家想在不改变原始数组的情况下知晓被删除的元素是什么，就应使用 slice 复制方法。 更麻烦的是，splice 和 slice 使用的参数也有不同。...注意事项 前文提到，map、filter 和 concat 等方法也都采取先复制再更改的思路，但这些方法与新的复制方法间仍有不同。

    85310

    【JavaScript】数组 ③ ( JavaScript 数组长度 | 修改数组长度 | 数组案例 )

    一、JavaScript 数组长度 1、数组长度 在 JavaScript 中 , 数组长度 可以通过 数组变量的 length 属性 获取 , 该属性 返回 数组中的元素数量 , 也就是 数组长度 ;...下面声明了一个数组变量 , 有 3 个元素 ; var arr = ['blue', 'red', 'green']; arr 数组变量的 length 属性 , 就是 数组长度 ; arr.length...JavaScript 数组 的 大小 是 可以 动态调整 的 , 通过修改 数组 的 length 属性 可以 增加或减少 数组的大小 ; 如果 减少 数组的大小 , 则被减少的部分元素 , 直接从数组中删除...1、求数组元素平均值 给定一个数组 , var arr = [1, 2, 3, 4, 5]; 求该数组的平均值 ; 首先 , 遍历累加该数组 ; 然后 , 将累加和 除以 数组长度 , 得到平均值 ;...给定一个数组 , var arr = [3, 9, 5, 2, 7, 4]; 求该数组的最大值 ; 首先 , 定义一个变量存储当前获取的最大值 ; 然后 , 遍历数组每个元素 , 如果遍历到的值大于

    2K10

    JavaScript——数组

    数组 数组(Array)是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的优雅方式。...： //使用数组字面量方式创建空的数组 var 数组名 = []; //使用数组字面量方式创建带初始值的数组 var 数组名 = ['小白', '小黑', '小红'];...数组的字面量是方括号 [] 数组里面的数据一定用逗号分隔 数组里面的元素被称为数组元素。...访问数组元素 数组的索引（下标）：用来访问数组元素的序号（数组下标从0开始） 数组可以通过索引来访问（得到）、设置、修改对应的数组元素，我们可以通过”数组名[索引]“的形式来获取数组中的元素。...输出的时候 arr[i]，i计数器当索引号来用 数组的长度：使用 数组名.length可以访问数组元素的数组。

    1.5K10

    JavaScript数组

    概述 数组是一种特殊类型的对象。在 JavaScript 中对数组使用 typeof 运算符会返回 “object”。 数组元素可以通过下表访问（非键值对数组），也可以通过键访问（键值对数组）。...JavaScript 变量可以是对象。数组是特殊类型的对象。..., "Mango"]; fruits[fruits.length] = "Lemon"; // 向 fruits 添加一个新元素 (Lemon) 1.4 数组和对象的区别 在 JavaScript...在 JavaScript 中，对象使用命名索引。 2. 属性 length ：属性返回数组的长度（数组元素的数目）。 3. 方法 toString() ：把数组转换为数组值（逗号分隔）的字符串。...【注】所有 JavaScript 对象都拥有 toString() 方法。 join() ：方法也可将所有数组元素结合为一个字符串。它的行为类似 toString()，但是您还可以规定分隔符。

    2.2K50

    JavaScript—数组

    JavaScript-数组 一、创建数组 new ​ 语法： ​ var 数组名 = new Array(); //创建空数组 ​ ※ 注意大写的...数组中的元素可以是任意类型，比如数字型，字符型，布尔型等。 二、访问数组元素 数组的索引 ​ 索引（下标）：用来访问数组的序号，数组下标从0开始。...三、数组长度 ​ 使用数组名.length可以访问数组的数量（数组长度）。 ​...在遍历数组时，for循环的条件一般不使用明确的数组，因为当数组元素非常多时，去数元素个数是比较麻烦也是不明智的选择，而且数组中的元素可能会进行增删，数组下标也会随之变化。 ​...注意：如果新增或修改元素的数据类型为字符型，需要加引号；不要直接给数组名赋值，否则数组中的元素会全部被覆盖。

    1.4K20

    JavaScript——数组

    如果你从一个框架向另一个框架传入数组，那么传入的数组与在第二个框架中原生创建的数组分别具有各自不同的构造函数。 为了解决这个问题，ECMAScript5新增了 Array.isArray()方法。...push() 方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回数组的长度。 pop() 方法则从数组末尾移除最后一项，减少数组的length值，并返回移除的项。...，返回该函数会返回true的项组成的数组。...，或者是提供的初始值（initialValue） curValue: 数组中当前被处理的数组项 index: 当前数组项在数组中的索引值 array: 调用 reduce()方法的数组。...reduce()功能是一样的，不同的是reduceRight()从数组的末尾向前将数组中的数组项做累加。

    1.8K20

    JavaScript数组

    构造函数Array Array是JavaScript的原生对象，同时也是一个构造函数，可以用它生产新的数组，但由于Array作为构造函数的行为不一致，因此不建议使用。...pop()方法 删除数组的最后一个元素，返回删除的元素，会改变原数组。 shift() unshift() shift()方法 删除数组的第一个元素，返回删除的元素，会改变原数组。...unshift()方法 在数组的开头添加一个或多个元素，返回添加元素后的数组长度，会改变原数组。...数组的所有成员执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。 find() 数组实例的find()方法，用于找出第一个符合条件的数组成员。...用于将嵌套的数组“拉平”，变成一维的数组。

    1.3K40

    JavaScript数组

    1 - 数组 1.1 数组的概念 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。...利用数组字面量创建数组 数组的字面量是方括号 [ ] 声明数组并赋值称为数组的初始化 这种字面量方式也是我们以后最多使用的方式 //1....使用数组字面量方式创建带初始值的数组 var 数组名 = ['小白','小黑','大黄','瑞奇']; 数组元素的类型 数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。...数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。...如果设置的length属性值小于数组的元素个数，则会把超过该值的数组元素删除 3.计算数组的和以及平均值 var arr = [1, 5, 7, 2, 3]; var sum

    1.2K10

    javascript数组

    数组也是一种数据类型，用于存放数据。在各大语言中都存在数组，但是语法由于大同小异。在JavaScript中数组也是一个非常重要的东西，所以有必要好好的了解一下。...创建一个数组 在JavaScript中数组是一中数据格式，不是一种数据类型。 我们可以使用构造函数与字面量两种方式创建一个数组。...number的数组，里面的每一项都为空，不支持负数（取值范围出错） 其他情况，就是数组的每一项，几个参数就是长度为几的数组 也可以使用字面量的方式创建一个新数组。...，使用字面量是无法一下创建一个长度为n的数组的，如果是要创建一个长度为10的数组，可以直接修改数组的长度。...两个方法都是返回的新数组的长度。 pop与shift pop与shift都是删除数组某一项的方法。pop是删除数组的这最后一项，shift是删除数组的第一项。

    1.3K30

    【JavaScript】数组 ① ( JavaScript 数组概念 | 数组创建 | 使用 new 关键字创建数组 | 使用 数组字面量 创建数组 )

    一、JavaScript 数组概念 在 JavaScript 中 提供了一种 特殊的对象 " 数组 " , " 数组 " 对象 可以 在一个 " 连续的内存空间 " 中 " 存储多个值 " ; 数组...array : 数组 中 存储 数组 , 就变成了 二维数组 ; JavaScript 中的 数组 使用起来 很灵活 , 数组的大小可以 动态改变 ; 二、数组创建 1、使用 new 关键字创建数组...使用 new 关键字创建数组 : 创建空数组 : 使用 new 关键字 和 Array 的 构造函数 创建一个空数组 ; let array1 = new Array(); 创建指定个数的数组 :...使用 new 关键字 和 Array 的构造函数 创建一个具有指定长度的数组 , 在构造函数中传入数组的个数 , 数组 的 内容是空的 , 但是有指定的长度 ; let array2 = new Array...= []; 创建包含若干相同类型元素的数组 : 下面的数组字面量中存储的是相同类型的元素 ; // 创建一个包含数字的数组 let numbersArray = [1, 2, 3, 4, 5]

    2.4K10

    javascript 数组的组合

    javascript 数组的组合 一、前言 二、数组的组合 concat()方法 push(...items) 其他方法 三、结束语 一、前言 今天在开发项目过程中，遇到了一个需求，先请求了30个数据...javascript中数据合并的几个方法 二、数组的组合 concat()方法 作用： concat()方法用于连接两个及以上的数组，并且该方法不会改变原来的数组 语法： array1.concat(...，那会将它们逐一遍历，将数组中每个元素按顺序添加到被合并数组的末尾，最终返回一个新的数组，原数组不变。...push(…items) 作用： 这是一种特殊的语法，可以将items跟另外一个数组合并，类似于上面的concat()方法，但不同的是，push(…items)会改变原数组 语法： array1.push...其他方法 其实还有别的数组组合的方法，例如用for循环就可以简单实现数组的组合了，这里就不做多讲解了。

    1.8K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券