利用JavaScript怎么實(shí)現(xiàn)一個(gè)等分?jǐn)?shù)組

本篇文章給大家分享的是有關(guān)利用JavaScript怎么實(shí)現(xiàn)一個(gè)等分?jǐn)?shù)組，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

1. 將數(shù)組分為兩個(gè)相等的部分

我們可以分兩步將數(shù)組分成兩半：

使用length/2和Math.ceil()方法找到數(shù)組的中間索引

使用中間索引和Array.splice()方法獲得數(shù)組等分的部分

Math.ceil() 函數(shù)返回大于或等于一個(gè)給定數(shù)字的最小整數(shù)。

const list = [1, 2, 3, 4, 5, 6];
const middleIndex = Math.ceil(list.length / 2);

const firstHalf = list.splice(0, middleIndex);  
const secondHalf = list.splice(-middleIndex);

console.log(firstHalf); // [1, 2, 3]
console.log(secondHalf); // [4, 5, 6]
console.log(list);    // []

Array.splice() 方法通過(guò)刪除，替換或添加元素來(lái)更改數(shù)組的內(nèi)容。 而 Array.slice() 方法會(huì)先對(duì)數(shù)組一份拷貝，在操作。

• list.splice(0, middleIndex) 從數(shù)組的0索引處刪除前3個(gè)元素，并將其返回。

• splice(-middleIndex)從數(shù)組中刪除最后3個(gè)元素并返回它。

在這兩個(gè)操作結(jié)束時(shí)，由于我們已經(jīng)從數(shù)組中刪除了所有元素，所以原始數(shù)組是空的。

另請(qǐng)注意，在上述情況下，元素?cái)?shù)為偶數(shù)，如果元素?cái)?shù)為奇數(shù)，則前一半將有一個(gè)額外的元素。

const list = [1, 2, 3, 4, 5];
const middleIndex = Math.ceil(list.length / 2);

list.splice(0, middleIndex); // returns [1, 2, 3]
list.splice(-middleIndex);  // returns [4, 5]

2.Array.slice 和 Array.splice

有時(shí)我們并不希望改變?cè)紨?shù)組，這個(gè)可以配合 Array.slice() 來(lái)解決這個(gè)問(wèn)題：

const list = [1, 2, 3, 4, 5, 6];
const middleIndex = Math.ceil(list.length / 2);

const firstHalf = list.slice().splice(0, middleIndex);  
const secondHalf = list.slice().splice(-middleIndex);

console.log(firstHalf); // [1, 2, 3]
console.log(secondHalf); // [4, 5, 6]
console.log(list);    // [1, 2, 3, 4, 5, 6];

我們看到原始數(shù)組保持不變，因?yàn)樵谑褂肁rray.slice()刪除元素之前，我們使用Array.slice()復(fù)制了原始數(shù)組。

3.將數(shù)組分成三等分

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const threePartIndex = Math.ceil(list.length / 3);

const thirdPart = list.splice(-threePartIndex);
const secondPart = list.splice(-threePartIndex);
const firstPart = list;   

console.log(firstPart); // [1, 2, 3]
console.log(secondPart); // [4, 5, 6]
console.log(thirdPart); // [7, 8, 9]

簡(jiǎn)單解釋一下上面做了啥：

• 首先使用st.splice(-threePartIndex)提取了ThirdPart，它刪除了最后3個(gè)元素[7、8、9]，此時(shí)list僅包含前6個(gè)元素[1、2、3、4、5、6] 。

• 接著，使用list.splice(-threePartIndex)提取了第二部分，它從剩余l(xiāng)ist = [1、2、3、4、5、6]（即[4、5、6]）中刪除了最后3個(gè)元素,list僅包含前三個(gè)元素[1、2、3]，即firstPart。

4. Array.splice() 更多用法

現(xiàn)在，我們來(lái)看一看 Array.splice() 更多用法，這里因?yàn)槲也幌敫淖冊(cè)瓟?shù)組，所以使用了 Array.slice()，如果智米們想改變?cè)瓟?shù)組可以進(jìn)行刪除它。

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];

獲取數(shù)組的第一個(gè)元素

list.slice().splice(0, 1) // [1]

獲取數(shù)組的前5個(gè)元素

list.slice().splice(0, 5) // [1, 2, 3, 4, 5]

獲取數(shù)組前5個(gè)元素之后的所有元素

list.slice().splice(5) // 6, 7, 8, 9]

獲取數(shù)組的最后一個(gè)元素

list.slice().splice(-1)  // [9]

獲取數(shù)組的最后三個(gè)元素

list.slice().splice(-3)  // [7, 8, 9]

以上就是利用JavaScript怎么實(shí)現(xiàn)一個(gè)等分?jǐn)?shù)組，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。