Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung der JS-Array-Prototyp-Methode
Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Verwendung der Array-Prototyp-Methode in js geben. Was sind die Vorsichtsmaßnahmen bei der Verwendung der Array-Prototyp-Methode in js? Schauen Sie mal rein.
push
ändert das ursprüngliche Array und der Rückgabewert ist die geänderte Array-Länge.
var arr = [1,2,3]; var length = arr.push(4,5) console.log('length: ' + length + ' arr: ' + arr) // length: 5 arr: 1,2,3,4,5
pop
ändert das ursprüngliche Array und der Rückgabewert ist das entfernte Element value
var arr = [1,2,3]; var val = arr.pop() console.log('val: ' + val + ' arr: ' + arr) // val: 3 arr: 1,2
unshift
ändert das ursprüngliche Array und der Rückgabewert ist die geänderte Array-Länge
var arr = [1,2,3]; var length = arr.unshift('haha') console.log('length : ' + length + ' arr: ' + arr) // length : 4 arr: haha,1,2,3
shift
ändert das ursprüngliche Array und der Rückgabewert ist die Elementwert nach außen verschoben
var arr = [1,2,3]; var val = arr.shift() console.log('val: ' + val + ' arr: ' + arr) // val: 1 arr: 2,3
concat
ändert das ursprüngliche Array nicht, der Rückgabewert ist ein neues Array
var arr = [1,2,3]; var arr1 = arr.concat(['haha','hehe']) console.log('arr : ' + arr + ' arr1: ' + arr1) // arr : 1,2,3 arr1: 1,2,3,haha,hehe
reverse
ändert das ursprüngliche Array, der Rückgabewert ist das ursprüngliche Array
var arr = [1,2,3]; var arr1 = arr.reverse(); // [3,2,1] console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 3,2,1 arr1: 3,2,1
slice( start, end)
Wählen Sie einige Elemente aus dem ursprünglichen Array aus (die Indizes sind Elemente von Anfang bis Ende-1), um ein neues Array zu bilden. Sowohl Start als auch Ende können negative Zahlen sein. Die Bedingung ist, dass sich -1 auf das letzte Element, -2 auf das vorletzte Element usw. bezieht
das Original nicht ändert Array, und der Rückgabewert ist ein neues Array.
// 有end var arr = [1,2,3,4]; var arr1 = arr.slice(1,3); // 1:起始下标,3:结束下标 console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,2,3,4 arr1: 2,3 // 无end,那么切分的数组包含从 start 到数组结束的所有元素 var arr = [1,2,3,4]; var arr1 = arr.slice(1); // 1:起始下标 console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,2,3,4 arr1: 2,3,4 // end为负数 var arr = [1,2,3,4]; var arr1 = arr.slice(1, -2); console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,2,3,4 arr1: 2 // start为负数 var arr = [1,2,3,4]; var arr1 = arr.slice(-3, -2); console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,2,3,4 arr1: 2
splice()
Löscht , fügt das ursprüngliche Array ein und ersetzt es. Die Rückgabe eines aus gelöschten Elementen bestehenden Arrays
ändert das ursprüngliche Array und der Rückgabewert ist ein neues Array
// 删除 var arr = [1,2,3,4,5]; var arr1 = arr.splice(1,2); // 1:起始下标,2:删除的项数 console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,4,5 arr1: 2,3 // 插入 var arr = [1,2,3,4,5]; var arr1 = arr.splice(1,0,'a','b'); // 1:起始下标(在此下标之前插入),0:不删除,'a'和'b'是要插入的元素 console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,a,b,2,3,4,5 arr1: [] // 替换 var arr = [1,2,3,4,5]; var arr1 = arr.splice(1,2,'a','b','c'); // 1:起始下标,2:删除的项数,'a','b','c'是要插入的元素 console.log('arr: ' + arr + ' arr1: ' + arr1) // arr: 1,a,b,c,4,5 arr1: 2,3
Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen Bitte achten Sie auf andere chinesische PHP-Websites. Verwandte Artikel!
Empfohlene Lektüre:
Analyse im Avalon-Frontend-Projekt verwenden
Verwendung von CSS zur Implementierung von Tischtennis-Kampfanimationen
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der JS-Array-Prototyp-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!