33岁转职者的前端笔记 DAY 9 阵列资料的处理方法

阵列在处理资料的时候几乎是必备工具了

学习到现在阵列是我最不熟的地方

所以今天就来写个笔记帮助学习

push()

在阵列资料的最後一笔新增一个至多个元素，并回传新的长度

apple.push(1);  //apple = [1]
apple.push(2);  //apple = [1,2]
apple.push([3,4]); //apple= [1,2,[3,4]] 
//apple 长度为 3

由上面程序码可得知我们宣告一个变数"apple"为一个空值，当push 1的时候就会把1 塞进去空值，2的时候就会塞到1的後面，以此类推。

pop()

删除阵列最後一个元素，把阵列长度减1，回传被删除元素的值。

let book = [1,2,3,4]
book.pop()  //book = [1,2,3]
book.pop()  //book = [1,2]
book.pop()  //book = [1]
book.pop()  //abook = []
book.pop()  //undefine

宣告一个阵列变数为"book"阵列里有四笔资料，用pop的方法会删掉最後面的值所以会把 4 删掉，以此类推
但如果是空值时，因为里面没东西了所以会出现 underfine

unshift()

向阵列的第一笔前面新增一个或多个元素，并回传新的长度。

let  cat = []; 
cat.unshift(a,b,c,d); // 将1,2,3,4 加入到阵列
 //答案会是 [a,b,c,d] 

宣告一个空阵列，当使用unshift(1,2,3,4)就会直接塞进空阵列

shift()

与unshift() 相反，是删除阵列第一笔元素

let dog = [a,b,c,d];
dog .shift(); //[b,c,d] 
dog .shift(); //[c,d] 
dog .shift(); //[d] 
dog .shift(); //[]
//当值只剩一个时，删掉就会变空值了

slice

阵列变数.slice(从第几个位子开始,取几个)
例：array.slice(0,6)

答案会是取阵列前六个数字出来，如以下范例：

includes 比对

会判断阵列是否包含特定的元素，并以此来回传true 或false

阵列变数.includes (变数)

范例：

其中的!lottery.includes(n)
阵列的内容的值会去比对n的变数是否存在，前面加个!则是让他相反不存在的意思。