每日 30 秒 ⏱ 優雅插入陣列

zhangxiangliang發表於2019-03-22

簡介

陣列、插入陣列、效能、可讀性

程式碼能執行起來就行了為什麼要編寫優雅的程式碼?

其實很多時候專案進度很趕、小姐姐不理你了、老闆不給你加薪等等事情都會成為你今天偷偷把程式碼寫那麼不好一點的理由,根據破窗效應這樣帶來的結果可能會不好。

寫出優雅的程式碼會使得你的小夥伴對你 BUG 仇恨值降低,寫出優雅的程式碼會使得小夥伴哎呀一聲驚歎讓你心情大好,寫出優雅的程式碼會讓自己陷入陶醉感嘆自己的 學識淵博,寫出優雅的程式碼可以留以後人觀瞻名留青史,寫出優雅的程式碼可以讓自己變得更加 優秀

迴歸正題把 資料 插入到 陣列 中是開發中最經常遇到的場景,也是簡單且容易改變的寫法習慣,讓我們一起學習怎麼把它寫得更加優雅且易讀。

把資料插入陣列尾部

利用陣列長度進行賦值
let arr = [1,2,3,4,5];
arr[arr.length] = 6;
複製程式碼
利用 Array.prototype.push 方法
let arr = [1, 2, 3, 4, 5];
arr.push(6);
複製程式碼
利用 Array.prototype.concat 方法
let arr = [1, 2, 3, 4, 5];
arr = arr.concat(6);
複製程式碼
利用 spread 運算子
let arr = [1, 2, 3, 4, 5];
arr = [...arr, 6];
複製程式碼

把資料插入陣列頭部

利用 Array.prototype.unshift 方法
let arr = [1,2,3,4,5];
arr.unshift(0);
複製程式碼
利用 Array.prototype.concat 方法
let arr = [1,2,3,4,5];
[0].concat(arr);
複製程式碼
利用 spread 運算子
let arr = [1, 2, 3, 4, 5];
arr = [0, ...arr];
複製程式碼

把資料插入陣列指定位置

利用 Array.prototype.splice 方法
let items = [1, 2, 4, 5];
items.splice(items.length / 2, 0, 3);
複製程式碼

拼接兩個陣列

利用 Array.prototype.concat 方法
let arr = [1,2,3,4,5];
[-2, -1, 0].concat(arr);
複製程式碼
利用 spread 運算子
let arr = [1,2,3,4,5];
arr = [...[-2, -1, 0], ...arr];
複製程式碼

基準測試

如果大家還有什麼優雅的寫法留言評論,也可以到 Github 提交。

一起成長

在困惑的城市裡總少不了並肩同行的 夥伴 讓我們一起成長。

  • 如果您想讓更多人看到文章可以點個 點贊
  • 如果您想激勵小二可以到 Github 給個 小星星
  • 如果您想與小二更多交流新增微信 m353839115

微信公眾號

本文原稿來自 PushMeTop

相關文章