mutate array 方法

分享至

常用的mutate array 方法,React比較少用到。

pop()、push()、shift()、unshift()、reverse()、sort()、splice()

const array = [1, 2, 3, 4];

//取出最後一個值
array.pop(); //4

//從陣列最後的地方塞入一個值
array.push(5); //5

//取出最前面第一個值
array.shift(); //1

//從最前面塞入一個值
array.unshift(0); //0

//反向陣列裡的值
array.reverse();

//定義一個新的陣列並賦予array裡的值,再做反向
const newArr = [...array];
newArr.reverse();

//打亂陣列裡的值
array.sort();

//刪除既有元素並/或加入新元素來改變一個陣列的內容。
//用法介紹網址:https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// inserts at index 1
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
// replaces 1 element at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "May"]

發表迴響