JavaScript >> Javascript 文檔 >  >> JavaScript

JavaScript 中的數組 slice() 方法,附示例

我們已經介紹了在 JavaScript 中從數組中刪除項目,以及檢查項目是否存在於數組中。

本文將介紹使用 slice() 方法複製或返回數組的子部分 在Javascript中。

slice() 語法

arr.slice([start[, end]])

地點:

  • arr 是一個數組或現有的數組變量
  • 開始索引 開始切片
  • 如果未定義,則默認為0
  • 索引 是項目在數組中的位置。請記住,它們從 0 開始 !
  • 結束索引 結束切片
  • 如果未定義,則使用數組末尾
  • 將返回一個新數組,其中包含 start 之間(包括)之間的元素的值 並結束 索引
  • 這是一個全新的數組。對其中元素的修改不會影響原始數組

JavaScript 中的數組 slice() 方法示例

下面的示例創建了一個新數組,其中包含具有翅膀的動物 通過從動物中提取它們 按位置排列:

var animals = ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant'];
var wings = animals.slice(2, 4);

// animals contains ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant']
// wings contains ['Parrot', 'Pigeon', 'Flamingo']

使用負索引

也可以提供負索引以從最後一個索引向後工作:

var animals = ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant'];
var wings = animals.slice(-4, -1);

// animals contains ['Cat', 'Dog', 'Parrot', 'Pigeon', 'Flamingo', 'Elephant']
// wings contains ['Parrot', 'Pigeon', 'Flamingo']

結論

獲取數組的一部分對於分頁之類的事情特別有用——當你有一個長的數據數組想要分成塊進行顯示時。

查看我們的其他 JavaScript 教程和解釋器!


Tutorial JavaScript 教程
  1. Monster Code:使用 React、Ruby、SQLite、Sinatra 和 Active Record 製作的應用程序

  2. 如何在 React 中過濾對像數組

  3. 第 15 天:彈出窗口

  4. 在 React App 中使用 Firebase 進行身份驗證。 🤺🔥

  5. JavaScript-30-Day-3

  6. React Native 中的圖像滾動縮放

  7. 配置 Parcel JS 和 Babel 以使用 JavaScript 提案類屬性

  1. 如何在十一(11ty)上優化圖像

  2. 使用 Next js 改進指向您網站的鏈接

  3. 在 Angular 和 Node 中使用進度條進行拖放、可恢復、多文件上傳

  4. PEG 解析器:有時比正則表達式更合適

  5. Flexslider 的固定尺寸

  6. 高級 Js 回顧 [第 1 部分]

  7. 在 Laravel 和 WordPress 上使用 PurgeCSS 清理未使用的 CSS

  1. Bootstrap 5 星級 jQuery 插件示例

  2. 助焊劑標準動作 (FSA)

  3. 不要笑——一個使用 TensorFlow.js 和 Electron 的簡單 AI 驅動遊戲

  4. 在 Vue.js 中創建生物識別登錄頁面