Heim > Web-Frontend > js-Tutorial > Detailliertes Beispiel für die Verwendung der js-Array-Methode Slice()

Detailliertes Beispiel für die Verwendung der js-Array-Methode Slice()

王林
Freigeben: 2020-03-07 10:50:43
nach vorne
6353 Leute haben es durchsucht

Detailliertes Beispiel für die Verwendung der js-Array-Methode Slice()

Einführung in die Methode „slice()“

slice(), die ein neues Array basierend auf einem oder mehreren Elementen im aktuellen Array erstellen kann. Kann einen oder zwei Parameter akzeptieren, die Anfangs- und Endpositionen, die zurückgegeben werden sollen.

Ein Parameter: Die Methode „slice()“ gibt alle Elemente zurück, beginnend von der durch diesen Parameter angegebenen Position bis zum Ende des aktuellen Arrays.

Zwei Parameter: Diese Methode gibt die Elemente zwischen der Start- und Endposition zurück (jedoch nicht einschließlich der Elemente an der Endposition).

Slice hat keinen Einfluss auf das ursprüngliche Array.

Die Endposition ist kleiner als die Startposition und es wird ein leeres Array zurückgegeben.

kann negative Zahlen akzeptieren und die Länge des Arrays plus die negative Zahl verwenden, um die entsprechende Position zu bestimmen.

(Empfohlenes Lernen: Javascript-Tutorial)

Das Beispiel sieht wie folgt aus:

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"]
Nach dem Login kopieren

Ein Teil der laufenden Ergebnisse ist wie in der Abbildung dargestellt:

Detailliertes Beispiel für die Verwendung der js-Array-Methode Slice()

Weitere Tutorials zum Thema Programmierung finden Sie in der Spalte Einführung in die Programmierung auf der chinesischen PHP-Website!

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Verwendung der js-Array-Methode Slice(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage