国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 5個JavaScript中Slice()的用例

5個JavaScript中Slice()的用例

來源:千鋒教育
發布人:wjy
時間: 2022-06-01 11:54:00 1654055640

  slice() 方法將數組部分的副本返回到新的數組對象中。這個對象是從頭到尾選擇的。請注意,它不會修改原始數組。

  此外,如果向其中一個數組添加新元素,則另一個數組不會受到影響。

5個JavaScript中Slice的用例

  ## **參數是什么?**

  slice() 方法的參數是開始和結束索引。

  **開始**

  它是一個從零開始的索引,用于開始復制數組的一部分。如果未定義,則默認值為 0。如果 start 大于數組的索引范圍, slice() 方法將返回一個空數組。

  此外,首先,您還可以使用負索引。slice(-1) 提取數組的最后一個元素。它類似于 Python。

  **結尾**

  該參數是可選的。如果你的 slice() 函數中只有一個參數,那就是 start。如果省略, slice() 方法從序列的末尾提取。

  如果它大于序列的長度,slice 一直提取到序列的末尾,只是在它被省略的情況下。

  它是結束提取之前的索引。它不包括在內。因此,索引的最后一個元素不包含在數組的副本中。例如, slice(1,3) 提取第二個和第三個元素。

  ```js

  y = [1, 2, 3, 4, 5, 6]

  y.slice(2, -2) // will return [3, 4]

  ```

  這意味著 y 會將數組從索引 2 切片到索引 -2 獨占。

  ## **1、復制一個數組**

  第一個功能是 slice() 函數的基本功能。沒有參數的數組復制原始數組。有時,您可能想要更新數組中的某些元素。

  但是,您可能希望保護原始數組中的元素。因此,您可以創建原始數組的淺表副本。

  ```js

  const midtermGrades=updatedGrades.slice();

  ```

  ## **2、構造一個以n開頭的子數組**

  slice() 方法的第二個用例是復制以 n 開頭的子數組。例如,您正在分析從考試中獲得 80 分或更高分的學生。您發現學生的索引從 10 開始。

  因此,您可以復制成功學生的索引。

  ```js

  const successfulStudents = allStudents.slice(10);

  ```

  你也可以得到不滿意的學生。

  ```js

  const unsatisfactoryStudents = allStudents.slice(-10);

  ```

  ## **3、將類數組對象轉換為數組**

  您可以使用 slice() 方法將看起來像數組的對象轉換為數組。例如,您可以按如下方式創建函數。

  ```js

  function TransformToArray(){

  return Array.prototype.slice.call(arguments);

  }

  var newArray = TransformToArray("1", "2", "3", "4");

  console.log(newArray); // ["1", "2", "3", "4"];

  ```

  ## **4、將一個NodeList轉換成一個數組**

  NodeList 對象是從文檔中提取的節點集合。您可以使用 querySelectorAll() 方法返回一個 NodeList 對象。

  例如,您可以選擇 HTML 文檔中的所有節點。使用 slice(),您可以將您選擇的 NodeList 轉換為數組。

  ```js

  var p = document.querySelectorAll(‘p’);

  var pNodes = Array.prototype.slice.call(p);

  ```

  ## **5、替換字符串中的特定索引**

  您可以使用 slice() 函數創建替換函數。

  ```js

  String.prototype.append = function (index,value) {

  return this.slice(0,index) + value + this.slice(index);

  };

  var s = "Happy year";

  alert(s.append(6,"new "));

  ```

  ## **結論**

  學習 JavaScript 內置函數的用例可以幫助您提高編碼技能。您可以在需要時使用您的知識。您可以優雅地實現功能。

  slice() 也是一個有用的內置函數。如果您知道如何使用它,則可以在遇到需要使用它的問題時使用它。您可以使用 slice() 輕松獲取數組的副本。

  **總結一下,本文中 slice() 的用例如下:**

  - 復制數組

  - 構造一個從 n 開始的子數組

  - 將類數組對象轉換為數組

  - 將 NodeList 轉換為數組

  - 替換字符串中的特定索引

  **- End -**

  更多關于“html5培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒已有十余年的培訓經驗,課程大綱更科學更專業,有針對零基礎的就業班,有針對想提升技術的提升班,高品質課程助理你實現夢想。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
今日頭條展現量是什么?今日頭條展現量規則分析

目前頭條用戶會發現微頭條和問答新增了“展現量”指標。那么這個今日頭條展現量是什么意思呢?如何提高呢?下面千鋒教育小編就和大家說...詳情>>

2023-09-19 09:15:47
我想直播帶貨去哪里找貨源一件代發

現在直播帶貨是一個非?;鸬男袠I,越來越多的人進入到這個圈子,但是,認真地說,直播帶貨能不能賺到錢還是要看自己。雖然這一行業火,收入高,...詳情>>

2023-09-19 08:41:02
入駐短視頻mcn需要多少錢?有哪些費用?

眾所周知,現在短視頻成了很多人的自媒體創業道路之一,越來越多人喜歡在網上消遣時間,購物等。也有很多優秀的博主去做出很多新的內容,那么入...詳情>>

2023-09-19 08:12:47
短視頻帶貨應該注冊什么公司?需要什么資料?

短視頻大家應該都非常熟悉,現在很多人都喜歡在閑暇的時候刷短視頻,短視頻平臺也開始了直播帶貨,商家也都開始創業了,那么短視頻帶貨需要營業...詳情>>

2023-09-19 08:09:31
怎樣投抖加不花錢?別人能看出來嗎?

抖音一些視頻為了獲取更多點擊,一些博主機會投抖加。其實抖加的投放沒有絕對正確的方法,而不同賬號和視頻投放的策略都是不一樣的,不過一般情...詳情>>

2023-09-19 08:00:10
開班信息
北京校區
  • 北京校區
  • 大連校區
  • 廣州校區
  • 成都校區
  • 杭州校區
  • 長沙校區
  • 合肥校區
  • 南京校區
  • 上海校區
  • 深圳校區
  • 武漢校區
  • 鄭州校區
  • 西安校區
  • 青島校區
  • 重慶校區
  • 太原校區
  • 沈陽校區
  • 南昌校區
  • 哈爾濱校區