JavaScript中shift()和unshift()如何使用

這篇文章給大家介紹JavaScript中shift()和unshift()如何使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

shift()方法

1. 定義：從數組中刪除第一個元素，并返回該元素的值。此方法更改數組的長度。 2. 語法： arr.shift() 3. 參數：/ 4. 返回值：從數組中刪除的元素(當數組為空時返回undefined)。

代碼如下：

方法一：

var arr1 = [1, 2, 3, 4, 'A', 'B', 'C'];var arr2 = [];Array.prototype.copyShift = function() {  var result = [],    newArr = [];  result = this[0];  for(var i = 1; i < this.length; i++) {// 將數組的第二個至最后一項的值賦值給newArr    newArr[newArr.length] = this[i];  }  for(var i = 0; i < newArr.length; i++) { //newArr賦值給原數組    this[i] = newArr[i];  }  this.length = newArr.length;  return result;};console.log(arr1.copyShift());  // 1console.log(arr1); // [2, 3, 4, 'A', 'B']console.log(arr2.copyShift()); // undefinedconsole.log(arr2); // []

運行結果：

方法二：將上述代碼修改為如下：（去掉中間數組newArr，直接在原數組上操作）

var arr1 = [1, 2, 3, 4, 'A', 'B', 'C'];var arr2 = [];Array.prototype.copyShift = function() {  var result = [];  result = this[0];/*  for(var i = 1; i < this.length; i++) {// 將數組的第二個至最后一項的值賦值給newArr    newArr[newArr.length] = this[i];  }  for(var i = 0; i < newArr.length; i++) { //newArr賦值給原數組    this[i] = newArr[i];  }  this.length = newArr.length; */  // 將數組的后一項賦值給前一項  for(var i = 0; i < this.length; i++) {    this[i] = this[i + 1];  }  if(this.length > 1) {//去掉數組最后一項    this.length = this.length - 1;  }  return result;};console.log(arr1.copyShift());  // 1console.log(arr1); // [2, 3, 4, 'A', 'B']console.log(arr2.copyShift()); // undefinedconsole.log(arr2); // []

運行結果：

unshift()方法

1. 定義：將一個或多個元素添加到數組的開頭，并返回新數組的長度。2. 語法：arr.unshift(element1, ..., elementN)3. 參數：數組前端添加任意個項4. 返回值：當一個對象調用該方法時，返回其 length 屬性值。

代碼如下：

方法一：

var arr1 = [1, 2, 3, 4, 'A', 'B', 'C'];var arr2 = [1, 2, 3, 4];Array.prototype.copyUnshift = function() {  var newArr = [],    argLen = arguments.length,    len = argLen + this.length;  for(var i = 0; i < len; i++) {/*    if(i < argLen) {      newArr[i] = arguments[i];    }    else {      newArr[i] = this[i - argLen];    } */    // 上述代碼也可寫為：    newArr[i] = (i < argLen) ? arguments[i] : this[i - argLen];  }  for(var i = 0; i < len; i++) {    this[i] = newArr[i];  }  return len;};console.log(arr1.copyUnshift('XXX', 'YYY', 'ZZZ'));  // 10console.log(arr1); // ['XXX', 'YYY', 'ZZZ', 1, 2, 3, 4, 'A', 'B']console.log(arr2.copyUnshift()); // 4console.log(arr2); // [1, 2, 3, 4]

運行結果：

//同方法一一樣，只不過是for循環以遞減的形式var arr1 = [1, 2, 3, 4, 'A', 'B', 'C'];var arr2 = [1, 2, 3, 4];Array.prototype.copyUnshift = function() {  var newArr = [],    argLen = arguments.length,    len = argLen + this.length;  //同方法一一樣，只不過是for循環以遞減的形式  for(var i = len - 1; i >= 0; i--) {/*     if(i < argLen) {      newArr[i] = arguments[i];    }    else {      newArr[i] = this[i - argLen];    } */    // 上述代碼也可寫為：    newArr[i] = (i < argLen) ? arguments[i] : this[i - argLen];  }  for(var i = 0; i < len; i++) {    this[i] = newArr[i];  }  return len;};

接上遞減形式的for循環，進一步可修改為：

方法二： 直接修改原數組，不借助中間數組

var arr1 = [1, 2, 3, 4, 'A', 'B', 'C'];var arr2 = [1, 2, 3, 4];Array.prototype.copyUnshift = function() {  var argLen = arguments.length,    len = argLen + this.length;  for(var i = len - 1; i >= 0; i--) {/*     if(i > argLen - 1) {      this[i] = this[i - argLen];    }    else {      this[i] = arguments[i];    } */    this[i] = (i > argLen - 1) ? this[i - argLen] : arguments[i];  }  return len;};console.log(arr1.copyUnshift('XXX', 'YYY', 'ZZZ'));  // 10console.log(arr1); // ['XXX', 'YYY', 'ZZZ', 1, 2, 3, 4, 'A', 'B']console.log(arr2.copyUnshift()); // 4console.log(arr2); // [1, 2, 3, 4]

關于JavaScript中shift()和unshift()如何使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。