Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der Verwendung der JS-Array-Prototyp-Methode

Detaillierte Erläuterung der Verwendung der JS-Array-Prototyp-Methode

php中世界最好的语言
Freigeben: 2018-05-24 11:58:31
Original
1922 Leute haben es durchsucht

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

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

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

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

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

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

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

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

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!

Verwandte Etiketten:
Quelle:php.cn
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