【JavaScript】阵列与常用的四种新增删除方法

【前言】
本系列为个人前端学习之路的学习笔记，在过往的学习过程中累积了很多笔记，如今想藉着IT邦帮忙这个平台做整理+再复习。
本系列标题一律以【】标示该篇文章主要涉及的内容，例如【JavaScript】、【Vue】等等。
若内容有误，还麻烦各路大神不吝於点出问题，感激不敬。

在JavaScript的世界中，阵列可以更有效率地把资料灵活运用
如果我们每多一笔资料，就必须新增一个变数，那将杂乱无章
因此，我们可以使用阵列来储存多笔资料
阵列写法是[ 资料1, 资料2 ]
一个简单的范例：

var colors = ["red", "blue"];

使用阵列[第几笔]就可以找到该笔资料

var colors = ["red", "blue"];
console.log(colors[1]); //blue

这里要注意的是在JavaScript的世界中阵列是从0开始的，是第0笔、第1笔.......以此类推
因此这里colors[1]会是blue而不是red

新增资料的方法

阵列通常以阵列.unshift(新资料)和阵列.push(新资料)来新增资料到阵列中
unshift()和push()两个如同之前提过的forEach()一样是用来操作阵列的方法，只要是阵列就可以使用
两者的用途都是将一笔新资料新增到阵列中
不同的是，unshift()是新增到阵列最前方，push()则是新增到最後方

var colors = ["red", "blue"];
colors.unshift("unshift到第一笔");
colors.push("push到最後一笔");
console.log(colors); //(4) ['unshift到第一笔', 'red', 'blue', 'push到最後一笔']

由於我们在将阵列资料印在画面上时通常会从第0笔开始依序渲染
例如一个用来储存「最新消息」的阵列，可能就会把前五笔资料印在画面上，此时可能用unshift()就比较符合需要（不过反过来说也可以改成把最後五笔资料印在画面上，所以其实端看想怎麽写）
因此，根据自身的逻辑去选用unshift()和push()即可

删除资料的方法

阵列通常以阵列.shift()和阵列.pop()来删除阵列中的资料
shift()和pop()两者的用途都是将阵列中的一笔资料删除
不同的是，shift()是删除第一笔，pop()是删除最後一笔
而且因为是删除，跟新增不同并不用带上参数

var colors = ["red", "blue", "black"];
colors.shift(); //删掉第0笔"red"
console.log(colors); //(2) ['blue', 'black']
colors.pop(); //删掉最後1笔"black"
console.log(colors); //['blue']

以上，就是阵列与常用的四种新增删除方法
过去在操作阵列时，通常只惯用push()
後来就会遇到一些很难解的问题，後来学习了更多之後才发现JavaScript在阵列的操作上真的给足了方法
可以轻易地让我们在想要的位置新增删除
也解决了我不少问题，因此整理笔记时把这段独立成文