数组是代表有序收集索引项的数据结构。
合并数组是在处理数据时常常用到的操作,在这里,你将找到在 JavaScript 中合并数组的 3 种方法:2 个不可变(合并后创建一个新数组)和 1 个可变(合并为一个数组)。
扩展运算符(...)是ES6中的新特性,使用的时候需要注意项目中是否支持。
...写在两个或两个以上的阵列内,JS将创建一个新的数组,所有这些数组都合并在一起。
例如,让我们合并 2 个阵列和:
如果要做先后顺序的话,可以这样操作:
扩展运算符甚至可以将更多数组一起合并。
如果你喜欢用function的方法,则可以使用该方法:
其他写法:
方法不会改变它所调用的数组,但会返回具有合并结果的新数组。
使用array.concat()合并
concat 方法可以接受多个数组作为参数,因此您可以同时合并 2 个或多个阵列:
上面的两种方法都是返回一个新数组,不会改变原有的数组。
但是,有时您不想创建新数组,而是将其合并到某些现有数组中,下面的方法执行一种可变的合并方式。
您可能已经知道该方法在数组末尾插入一项,从而改变该方法所调用的数组:
如果要接受多个元素插入,您可以使用应用于参数的扩展运算符(...)。
例如,让我们合并到数组中:
JS 提供了合并数组的多种方法。
您可以使用扩展运算符或函数合并 2 个或更多数组。这些方法是不会改变原有数组的,因为合并结果存储在新的数组中。
如果您要执行可变合并,即合并到原有数组而不创建新的,则可以使用方法:
你知道还有什么其他方法可以合并阵列?欢迎在评论区留言。
到此这篇合并数组(合并数组的方法)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/bcyy/30170.html