詳解JavaScript中的arr.shift函數

一、arr.shift怎麼用

在JavaScript中，數組是一種由數值、字元串和其它數組等類型組成的有序列表。數組對象的shift()方法用於把數組的第一個元素從其中刪除，並返回這個元素的值。shift()方法會改變數組的長度。如果數組是空的那麼它會返回undefined。

調用arr.shift通常格式如下：

let arr = [1,2,3,4,5];
let first = arr.shift();
console.log(first); // 1
console.log(arr); // [2,3,4,5]

以上代碼將會把數組arr的第一個元素1從其中刪除，並賦值給變數first。通過調用數組對象的shift()方法，arr數組的長度也得到了改變，並將數組整體前移一位。

二、arr.shift不調用的返回值是什麼

如果數組是空的，那麼 shift() 方法將返回 undefined。當調用shift()方法時，如果迭代器沒有第一個值，那麼它將返回(undefined)，否則它將從數組中刪除第一個元素。

let arr = [];
let first = arr.shift();
console.log(first); // undefined

三、arr.shift函數用法選取

1、arr.shift從數組中取出並刪除第一個元素

我們可以使用arr.shift()函數從數組的第一個元素中取出該元素並刪除它。下面是一個例子：

let arr = [2, 4, 6, 8, 10];
let firstItem = arr.shift();
console.log(firstItem); //2
console.log(arr); // [4, 6, 8, 10]

2、arr.shift刪除數組的第一個元素

我們也可以使用arr.shift()函數來刪除數組的第一個元素，然後返回新的數組。下面是一個例子：

let arr = [2, 4, 6, 8, 10];
arr.shift();
console.log(arr); // [4, 6, 8, 10]

3、arr.shift應用於隊列

JavaScript數組使用arr.push()函數可以將數據放入數組的尾部，同時arr.shift()函數可用於將數組的第一個元素刪除並返回它的值。我們可以將這兩個方法結合起來使用，實現一個簡單的隊列。下面是一個例子：

let arr = [];
arr.push("apple");
arr.push("banana");
arr.push("watermelon");
while (arr.length) {
    console.log(arr.shift());
}

這個例子中，我們首先在空數組中添加了三個元素。接下來，使用while循環訪問數組最後一個元素，直到數組為空。在每一次迭代中，我們調用arr.shift()函數刪除最早添加的元素，並返回它的值。

4、arr.shift用於刪除重複的值

arr.shift()函數也可以用於刪除數組中所有重複的值。下面是一個例子：

let arr = [1, 2, 3, 1, 2, 3, 4, 5];
let obj = {};
for (let i = 0; i < arr.length; i++) {
    let item = arr[i];
    if (!obj[item]) {
        obj[item] = true;
    } else {
        arr.splice(i, 1);
        i--;
    }
}
console.log(arr); // [1,2,3,4,5]

在這個例子中，我們首先定義了一個空對象obj。接下來，我們使用for循環遍曆數組中的每個元素。如果當前元素不在對象中，我們在對象中設置一個屬性，值為true。如果當前元素已經在對象中，則使用arr.splice()函數刪除該元素並將i減一，以便我們不會在刪除元素後跳過下一個。通過這種方式，我們可以使用arr.shift()函數刪除數組中所有重複的元素。