Array concat()

简介: Array concat()

Array 对象的 concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组.

var arr1 = ['a', 'b', 'c'];
var arr2 = ['d', 'e', 'f'];
console.log(arr1.concat(arr2));

输出 ["a", "b", "c", "d", "e", "f"]

在 vue 项目中使用出现 concat() 方法无效的情况

this.arr = [1, 2, 3]
console.log(this.arr)    // [1, 2, 3]
this.arr.concat([4, 5])
console.log(this.arr)  // [1, 2, 3]

上面的 concat() 方法无效,查MDN文档发现 concat() 返回一个新数组,如下写法就正常了

this.arr = [1, 2, 3]
console.log(this.arr)    // [1, 2, 3]
this.arr = this.arr.concat([4, 5])
console.log(this.arr)  // [1, 2, 3, 4, 5]
目录
相关文章
|
运维 Cloud Native Devops
「译文」什么是 SRE(站点可靠性工程师)?SRE 是做什么的?
「译文」什么是 SRE(站点可靠性工程师)?SRE 是做什么的?
uniapp开发app获取当前位置的经纬度
uniapp开发app获取当前位置的经纬度
957 0
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
2140 0
|
5月前
|
人工智能 运维 监控
AI 时代,前端开发的破局与进阶之路
本文剖析AI对前端开发的真实影响:AI优化重复劳动,但无法替代业务理解、架构设计与工程能力。文章指出行业正向全栈化、工程化、专业化演进,并提供三条可落地的成长路径——业务型、架构型、全栈型前端发展路线,助力开发者破除焦虑、构建AI难替代的核心竞争力。
|
Windows
wmiprvse.exe是什么进程?
wmiprvse.exe cpu占用资源很高怎么禁用?
3608 5
|
机器学习/深度学习 人工智能 监控
一文读懂deepSpeed:深度学习训练的并行化
DeepSpeed 是由微软开发的开源深度学习优化库,旨在提高大规模模型训练的效率和可扩展性。通过创新的并行化策略、内存优化技术(如 ZeRO)及混合精度训练,DeepSpeed 显著提升了训练速度并降低了资源需求。它支持多种并行方法,包括数据并行、模型并行和流水线并行,同时与 PyTorch 等主流框架无缝集成,提供了易用的 API 和丰富的文档支持。DeepSpeed 不仅大幅减少了内存占用,还通过自动混合精度训练提高了计算效率,降低了能耗。其开源特性促进了 AI 行业的整体进步,使得更多研究者和开发者能够利用先进优化技术,推动了 AI 在各个领域的广泛应用。
10808 21
|
JavaScript 前端开发
vue导出pdf(大数量可能有问题)
vue导出pdf(大数量可能有问题)
940 2
|
JavaScript 前端开发 安全
svg图片hover变色,居然只用一个vue指令就可以搞定!千万别在写两个控制显影了!
【8月更文挑战第22天】svg图片hover变色,居然只用一个vue指令就可以搞定!千万别在写两个控制显影了!
1158 3
|
前端开发
css特效动画——页面加载中 ...
css特效动画——页面加载中 ...
353 1
|
自然语言处理 搜索推荐 算法
gpt3模型训练数据量是多少?
【7月更文挑战第6天】gpt3模型训练数据量是多少?
3856 3