详解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()函数删除数组中所有重复的元素。