javascript Array.prototype.slice的使用範例_javascript技巧

常的，可以看到Array.prototype.slice(arguments, 0); 這個寫法可以用於function() {} 內，這樣可以將函數的參數列表轉換成一個真正的陣列。請看例子：

複製程式碼 程式碼如下:

var slice = Array.prototype. slice;
var toString = Object.prototype.toString;
(function() {
  var args = arguments;
  console.log(args, toString.call(args)); // [ 1, 2, 3] "[object Arguments]"
  var argsArr = slice(args, 0);
  console.log(argsArr, toString.call(argsArr)); // [1, 2, 3 ] "[object Array]"
}(1,2,3))

我們可以看到函數的參數清單arguments透過slice呼叫以後，一秒變Array了。
一樣的，也可以將選取的DOM元素轉換成陣列：

複製程式碼 程式碼如下:

程式碼如下:

slice.call(document.querySelectorAll("div"));

順藤摸瓜，我們想想，slide方法是否可以將物件轉換成陣列呢？請看範例：

複製程式碼

程式碼如下:

console.log(slice. 'string')); // ["s", "t", "r", "i", "n", "g"]
console.log(slice.call(new String('string' ))); // ["s", "t", "r", "i", "n", "g"]

每次，字串都會直接轉換成了一個數組。 但是，數字，布林值的會轉換成空的陣列：

複製程式碼

程式碼如下:

console.log(slice.call(33));
console.log(slice.call(true));

普通的物件也會轉換成空數組，除非你給它加上一個length屬性：

複製程式碼

程式碼如下:

console.log(slice.call({name: 'obj'})); // []
console.log(slice.call({0: 'zero', 1: 'one'})); // []
console.log(slice.call({0: 'zero', 1: 'one', name: 'obj', length: 2}));  // ["zero", "one "]

還有，它也可以用來clone陣列：

複製程式碼

複製程式碼

程式碼如下:var srcArr = [1,2,3];var newArr = srcArr.slice(0);console.log(srcArr, newArr);   //1 ,2,3] [1,2,3]console.log(srcArr == newArr);  // false