JavaScript中數(shù)組方法slice()方法的示例分析

這篇文章將為大家詳細講解有關JavaScript中數(shù)組方法slice()方法的示例分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

為未央等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及未央網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為網(wǎng)站設計、網(wǎng)站建設、未央網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!

slice()方法介紹

slice(),它能基于當前數(shù)組中的一個或多個創(chuàng)建一個新數(shù)組??梢越邮芤换騼蓚€參數(shù),即要返回的起始和結束位置。

一個參數(shù):slice()方法返回從該參數(shù)指定位置開始到當前數(shù)組末尾的所有項。

兩個參數(shù):該方法返回起始和結束位置之間的項(但不包括結束位置的項)。

slice不會影響原始數(shù)組。

結束位置小于起始位置,返回空數(shù)組。

可以接受負數(shù),用數(shù)組長度加上該負數(shù)來確定相應位置。

實例如下:

var arr = [1, 2, 3, 'a', 'b', 'c', 'd'];
Array.prototype.copySlice =function() {
  var newArr = [];
  var len = this.length;
  var argLen = arguments.length;
  if(arguments.length == 1) {//一個參數(shù)
    var startNum = arguments[0] > 0 ? arguments[0] : (len + arguments[0]);
    for(var i = startNum; i < len; i++) {
      newArr.push(arr[i]);
    }
  }
  else if(arguments.length == 2) {//兩個參數(shù)
    var startNum = arguments[0] > 0 ? arguments[0] : (len + arguments[0]);
    var endNum = arguments[1] > 0 ? arguments[1] : (len + arguments[1]);
    if(startNum >= endNum) {//起始索引大于終止索引,返回[]
      return newArr;
    }
    else {
      for(var i = startNum; i < endNum; i++) {
        newArr.push(arr[i]);
      }
    }
  }
  return newArr;
};
console.log(arr.length); // 7
// 一個參數(shù)
console.log(arr.copySlice(2)); // [3, "a", "b", "c", "d"]
// 兩個參數(shù)
console.log(arr.copySlice(3, 6));  //["a", "b", "c"]
console.log(arr);  //[1, 2, 3, "a", "b", "c", "d"]
// 接收負數(shù)
console.log(arr.copySlice(-2)); // ["c", "d"]
console.log(arr.copySlice(-5, 6)); //[3, "a", "b", "c"]
//結束位置小于起始位置,返回空數(shù)組。
console.log(arr.copySlice(-5, -6)); //[]
console.log(arr.copySlice(5, 5)); //[]
console.log(arr.copySlice(5, )); // ["c", "d"]

部分運行結果如圖:

JavaScript中數(shù)組方法slice()方法的示例分析

關于“JavaScript中數(shù)組方法slice()方法的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

名稱欄目:JavaScript中數(shù)組方法slice()方法的示例分析
瀏覽地址:http://muchs.cn/article46/ighphg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)站收錄小程序開發(fā)、手機網(wǎng)站建設、域名注冊、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設