JavaScript：Array.splice 與 Array.slice 如何區分

graf 發布于2019-08-26 10:42 / 988人閱讀

摘要：如果設置為零，則不會刪除任何項目。被看作是顯示顯示被看作是如果小于或等于，則將其視為。如果省略，將選擇從數組的起始位置到結尾的所有元素。顯示顯示顯示如果任一參數大于數組的長度，則任一參數都將使用數組的長度顯示顯示顯示顯示希望有所幫助

先看看英文詞典里的解釋：

splice | BrE spl??s, AmE spla?s |
A.transitive verb
①(join by interweaving the strands) 絞接 jiǎojiē ?rope(s)?
? to splice sth to sth
把某物與某物捻接起來
? to splice two things together
絞接兩樣東西
? to get spliced
British informal 結婚
②(join at the ends) 粘接 zhānjiē ?pieces of timber, film, tape?
? to splice two things together
把兩樣東西粘接起來

slice B.transitive verb
①(cut into slices) 把…切片 bǎ… qiē piàn ?bread?
? to slice sth thin or thinly/thick or thickly
把某物切成薄片/厚片
? to slice sth in two or half
把某物切成兩半
? thinly or thin-sliced/thickly or thick-sliced
切成薄片/厚片的
? sliced meat/cucumber
肉片/黃瓜片
②(cut from whole) 切下 qiēxia
? to slice sth off or from sth;
把某物從某物上切下來
? to slice two seconds off the record
把紀錄縮短兩秒鐘
? to slice ￡300 off the budget
把預算減少300英鎊
③(cut through) ?knife? 劃破 huápò ?flesh, cloth?; ?fin, wing? 劃過 huáguo ?water, air?
? to slice a leg/an arm to the bone
把腿/胳膊劃破深及骨頭
? to slice the water
?ship, bow? 破浪前進
④Sport 削 xiāo ?ball?
? to slice a ball or shot into/to sth
(in tennis) 把球斜切打進/打到某處
? to slice a catch to the wicketkeeper
(in cricket) 把球斜切擊出給捕手接住
? to slice a corner into the net
(in football) 使角球斜切進網

JavaScript 里的主要語義 1. splice()方法返回數組中已刪除的項，slice()方法返回數組中的選定元素，作為新的數組對象。 2. splice()方法更改原始數組，而slice()方法不更改原始數組。 3. splice()方法可以使用n個參數：

參數1：索引，必需。一個整數，指定添加/刪除項目的位置，使用負值指定數組末尾的位置。

參數2：可選。要刪除的項目數。如果設置為0(零)，則不會刪除任何項目。如果沒有通過，將刪除提供的索引中的所有項目。

參數3 ... n：可選。要添加到數組的新項目。

var array=[1,2,3,4,5];
console.log(array.splice(2)); //從index=2的位置截斷，后面的拋棄
// 顯示 [3, 4, 5], 被刪除的項目以新數組形式返回.

console.log(array);
// 顯示 [1, 2], 原數組被修改.

var array2=[6,7,8,9,0];
console.log(array2.splice(2,1)); // 從index=2的位置截斷，后面的拋棄一個
// 顯示  [8]

console.log(array2.splice(2,0));
//顯示空數組 [] , 沒有項目被刪除.

console.log(array2);
// 顯示 [6,7,9,0]

var array3=[11,12,13,14,15];
console.log(array3.splice(2,1,"Hello","World")); //這里才顯示出絞接的含義！
// 顯示 [13]

console.log(array3);
// 顯示 [11, 12, "Hello", "World", 14, 15]

           -5 -4 -3 -2 -1
            |  |  |  |  |
var array4=[16,17,18,19,20];
             |  |  |  |  |
             0  1  2  3  4

console.log(array4.splice(-2,1,"me"));
// 顯示  [19]

console.log(array4);
// 顯示 [16, 17, 18, "me", 20]

如果Argument(1)是NaN，則將其視為0。

var array5=[21,22,23,24,25];
console.log(array5.splice(NaN,4,"NaN 被看作是 0"));
// 顯示 [21,22,23,24]

console.log(array5);
// 顯示 ["NaN 被看作是 0",25]

如果Argument(2)小于0或等于NaN，則將其視為0。

var array6=[26,27,28,29,30];
console.log(array6.splice(2,-5,"Hello"));
// 顯示 []

console.log(array6);
// 顯示 [26,27,"Hello",28,29,30]

console.log(array6.splice(3,NaN,"World"));
// 顯示 []

console.log(array6);
// 顯示 [26,27,"Hello","World",28,29,30]

如果Argument(1)或Argument(2)大于Array的長度，則任一參數都將使用Array的長度。

var array7=[31,32,33,34,35];
console.log(array7.splice(23,3,"Add Me"));
// 顯示 []

console.log(array7);
// 顯示 [31,32,33,34,35,"Add Me"]

console.log(array7.splice(2,34,"Add Me Too"));
// 顯示 [33,34,35,"Add Me"]

console.log(array7);
// 顯示 [31,32,"Add Me Too"]

4. slice()方法可以有2個參數：

參數1：必需。一個整數，指定開始選擇的位置(第一個元素的索引為0)。使用負數從數組的末尾進行選擇。

參數2：可選。一個整數，指定結束選擇的位置。如果省略，將選擇從數組的起始位置到結尾的所有元素。使用負數從數組的末尾進行選擇。

var array=[1,2,3,4,5]
console.log(array.slice(2));
// 顯示 [3, 4, 5], 返回選定元素.

console.log(array.slice(-2));
// 顯示 [4, 5], 返回選定元素.
console.log(array);
// 顯示 [1, 2, 3, 4, 5], 原數組保持不變.

var array2=[6,7,8,9,0];
console.log(array2.slice(2,4));
// 顯示 [8, 9]

console.log(array2.slice(-2,4));
// 顯示 [9]

console.log(array2.slice(-3,-1));
// 顯示 [8, 9]

console.log(array2);
// 顯示 [6, 7, 8, 9, 0]

如果任一參數是NaN，則將其視為0。

var array3=[11,12,13,14,15];
console.log(array3.slice(NaN,NaN));
// 顯示 []

console.log(array3.slice(NaN,4));
// 顯示 [11,12,13,14]

console.log(array3);
// 顯示 [11,12,13,14,15]

如果任一參數大于數組的長度，則任一參數都將使用數組的長度

var array4=[16,17,18,19,20];
console.log(array4.slice(23,24));
// 顯示 []

console.log(array4.slice(23,2));
// 顯示 []

console.log(array4.slice(2,23));
// 顯示 [18,19,20]

console.log(array4);
// 顯示 [16,17,18,19,20]

希望有所幫助.

云服務器 GPU云服務器如何區分服務器客戶端如何區分云vps和vps 如何區分云服務器和vps 與Javascript

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106628.html

區分JavaScript中slice與splice方法

摘要：區分中與方法方法是從已有的數組中返回通過索引選定的元素。即為倒數第一個元素。參數是規定何處結束選取的。語法規定了添加或者刪除元素的起始位置。結果刪除的數量為的情況結果注意原數組發生了改變。區分JavaScript中slice與splice方法 slice()方法是從已有的數組中返回通過索引選定的元素。語法：array.slice(startIndex,endIndex) 參數st...

BlackMass 2019-08-26 11:32 評論0 收藏0
js中 split slice splice 的區分

摘要：字符串或正則表達式，從該參數指定的地方分割。該參數可指定返回的數組的最大長度。注如果把空字符串用作，那么中的每個字符之間都會被分割。注執行的操作與執行的操作是相反的。例子將返回可從已有的數組中返回選定的元素。 slice splice split 這三個真的更容易混淆，下面來做一下總結一、針對字符串操作的有 split ,slice split 方法用于把一個字符串分割成字符串數組...

glumes 2019-08-23 14:25 評論0 收藏0
Javascript數組系列五之增刪改和強大的 splice()

摘要：刪除數組元素的開始索引需要刪除元素的個數，插入數組的元素語法因為參數變化多樣，我們主要從三個方面來展示的用法。今天是我們介紹數組系列文章的第五篇，也是我們數組系列的最后一篇文章，只是數據系列的結束，所以大家不用擔心，我們會持續的更新干貨文章。生命不息，更新不止！今天我們就不那么多廢話了，直接干貨開始。我們在《Javascript數組系列一之棧與隊列》中描述我們是如何利用 pus...

chavesgu 2019-08-23 12:01 評論0 收藏0
JavaScript函數式編程

摘要：函數式編程的特點函數是第一等公民，因為叫函數式編程，因此函數的地位是最高的，也就是說比起變量函數的地位更高一點。高階函數是對其他函數進行操作的函數，可以將它們作為參數或返回它們。常見的高階函數有排序過濾 1：基本概念函數式編程是一種編程思維方式，并不是一些語法規則，對于復用性高的功能代碼進行一定的函數封裝，實現了代碼的高可復用性（主要目的）。函數式編程的特點：函數是第一等公民，...

LeanCloud 2019-08-26 10:20 評論0 收藏0
學習筆記: JS數組

摘要：數組元素甚至可以是對象或其它數組。它執行的是淺拷貝，這意味著如果數組元素是對象，兩個數組都指向相同的對象，對新數組中的對象修改，會在舊的數組的相同對象中反應出來。 JS中的數組是弱類型的，數組中可以含有不同類型的元素。數組元素甚至可以是對象或其它數組。JS引擎一般會優化數組，按索引訪問數組常常比訪問一般對象屬性明顯迅速。數組長度范圍 from 0 to 4,294,967,295(2^...

archieyang 2019-08-20 16:32 評論0 收藏0