Home > Web Front-end > JS Tutorial > body text

Detailed example of the usage of js array method slice()

王林
Release: 2020-03-07 10:50:43
forward
6175 people have browsed it

Detailed example of the usage of js array method slice()

slice() method introduction

slice(), which can create a new array based on one or more elements in the current array. Can accept one or two parameters, the starting and ending positions to be returned.

One parameter: The slice() method returns all items starting from the position specified by the parameter to the end of the current array.

Two parameters: This method returns the items between the start and end positions (but not including the items at the end position).

slice does not affect the original array.

The end position is less than the starting position, and an empty array is returned.

You can accept negative numbers, and use the length of the array plus the negative number to determine the corresponding position.

(Recommended learning: javascript tutorial)

The example is as follows:

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) {//一个参数
    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) {//两个参数
    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
// 一个参数
console.log(arr.copySlice(2)); // [3, "a", "b", "c", "d"]
// 两个参数
console.log(arr.copySlice(3, 6));  //["a", "b", "c"]
console.log(arr);  //[1, 2, 3, "a", "b", "c", "d"]
// 接收负数
console.log(arr.copySlice(-2)); // ["c", "d"]
console.log(arr.copySlice(-5, 6)); //[3, "a", "b", "c"]
//结束位置小于起始位置,返回空数组。
console.log(arr.copySlice(-5, -6)); //[]
console.log(arr.copySlice(5, 5)); //[]
console.log(arr.copySlice(5, )); // ["c", "d"]
Copy after login

Part of the running results are as shown in the figure:

Detailed example of the usage of js array method slice()

For more programming-related tutorials, please pay attention to the Programming Introduction column on the php Chinese website!

The above is the detailed content of Detailed example of the usage of js array method slice(). For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:jb51.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!