Heim > Web-Frontend > js-Tutorial > Hauptteil

Erfahren Sie anhand von Beispielen, wie Sie die JavaScript-Array-Methode Slice() verwenden

青灯夜游
Freigeben: 2020-12-29 09:35:21
nach vorne
1819 Leute haben es durchsucht

Im folgenden Artikel wird anhand von Beispielen analysiert, wie die Array-Methode Slice() in JavaScript verwendet wird. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Erfahren Sie anhand von Beispielen, wie Sie die JavaScript-Array-Methode Slice() verwenden

Verwandte Empfehlungen: „Javascript-Video-Tutorial

Einführung in die Methode „slice()“

slice(), mit der ein neues Array basierend auf einem oder mehreren der aktuellen Arrays erstellt werden 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 den 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.

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

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:

Erfahren Sie anhand von Beispielen, wie Sie die JavaScript-Array-Methode Slice() verwenden

Weitere Programmierkenntnisse finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonErfahren Sie anhand von Beispielen, wie Sie die JavaScript-Array-Methode Slice() verwenden. 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