每日 30 秒 ⏱ 優雅插入陣列

zhangxiangliang發表於2019-03-22

簡介

? 更新平臺多偶爾會漏掉,如果覺得文章還行點個 star 防走失。

? 一天 30 秒 ⏱ 一段程式碼 ✍️ 一個場景 ? ?

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

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

寫出優雅的程式碼會使得你的小夥伴對你 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 加個 star。

微信公眾號

本文原稿來自 PushMeTop

相關文章