裴大头-秦可爱

裴大头-秦可爱

数组拼接方法

发表于 2021-12-16
秦可爱
阅读量 298
更新于 2021-12-16

1、concat

const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
const c = a.concat(b)
console.log(c)
// 输出结果,c是新数组,此时内存使用有c,a,b三个数组
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

2、for循环逐个添加

const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
b.forEach(item => {
  a.push(item)
})
console.log(a)
// 输出结果,使用for循环往数组a中添加数据,没有新的数组创建,对于内存来说更优。
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

3、apply

const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
a.push.apply(a, b)
console.log(a)
// 输出结果
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

4、push和ES6解构语法

const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
a.push(...b)
console.log(a)
// 输出结果
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

5、ES6解构

const a = [1, 2, 3, 4, 5]
const b = ['lucy', 'andy', 'bob']
const c = [...a, ...b]
console.log(c)
// 输出结果
// [1, 2, 3, 4, 5, 'lucy', 'andy', 'bob']
js

推荐阅读

1、整理一下弹性布局知识点 2、推荐一下前端开发时npm源管理工具 3、强力推荐的idea插件,开发效率提升99% 4、初始TypeScript 5、记录第一次vue3.0+vite+ts+ant

关注公众号 width:400px;height:150px;

关注贴吧:pei你看雪吧

评论
来发一针见血的评论吧!
表情
  • 裴大头

    男博主

    2021-12-22 15:31

    I2SRD4KG6EED1MCR_V.jpg


    0
    回复
      共0条回复,点击查看
  • 秦大大

    2021-12-16 22:19

    牛啊牛啊!


    0
    回复
    • 裴大头

      男博主

      2021-12-17 10:53

      @秦大大

      width: 120px


      0
      回复
    • 共1条回复,点击查看
推荐文章
  • Vue项目代码规范

    1点赞1评论

  • JavaScript 的事件循环机制

    1点赞1评论

  • 聊一聊我的文本编辑器

    1点赞11评论

  • JavaScript的常用遍历方法整理

    1点赞8评论

  • 前端面试精选-基础篇

    1点赞0评论

Crafted with by Pei你看雪

小破站居然运行了 865 天访客 23350

© 2023 Pei你看雪鲁ICP备19037910号-2