Explication détaillée de l'utilisation de la méthode de prototype de tableau js-js tutoriel-php.cn

Explication détaillée de l'utilisation de la méthode de prototype de tableau js

php中世界最好的语言

Libérer： 2018-05-24 11:58:31

original

1922 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée de l'utilisation de la méthode prototype de tableau en js. Quelles sont les précautions lors de l'utilisation de la méthode prototype de tableau en js. Ce qui suit est un cas pratique, voyons. jetez un oeil.

push
modifiera le tableau d'origine et la valeur de retour est la longueur du tableau modifiée.

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

Copier après la connexion

pop
modifiera le tableau d'origine et la valeur de retour est. l'élément sauté. La valeur

var arr = [1,2,3];
var val = arr.pop()
console.log('val: ' + val + '  arr: ' + arr)
// val: 3  arr: 1,2

Copier après la connexion

unshift
changera le tableau d'origine, et la valeur de retour est la longueur modifiée du tableau

var arr = [1,2,3];
var length = arr.unshift('haha')
console.log('length : ' + length + '  arr: ' + arr)
// length : 4  arr: haha,1,2,3

Copier après la connexion

shift
changera. le tableau d'origine, et la valeur de retour est la valeur décalée. La valeur de l'élément de

var arr = [1,2,3];
var val = arr.shift()
console.log('val: ' + val + '  arr: ' + arr)
// val: 1  arr: 2,3

Copier après la connexion

concat
ne changera pas le tableau d'origine, et la valeur de retour est un nouveau tableau

<.>

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

Copier après la connexion

reverse

changera le tableau d'origine et la valeur de retour est le tableau d'origine

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

Copier après la connexion

slice(start, end)

Sélectionnez certains éléments du tableau d'origine. (les indices sont des éléments du début à la fin-1) pour former un nouveau tableau. Le début et la fin peuvent être des nombres négatifs. La condition est de compter à partir de la fin du tableau. -1 fait référence au dernier élément, -2 fait référence à l'avant-dernier élément, et ainsi de suite
ne changera pas le. tableau d'origine et la valeur de retour est un nouveau tableau.

// 有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

Copier après la connexion

splice()

Supprime , insère et remplace le tableau d'origine. Renvoyer un tableau composé d'éléments supprimés modifiera le tableau d'origine, et la valeur de retour est un nouveau tableau

// 删除
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

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour en savoir plus. informations passionnantes, veuillez prêter attention à php chinois Autres articles connexes en ligne !

Lecture recommandée :

Utilisation de l'analyse dans le projet frontal Avalon

Utilisation de CSS pour implémenter une animation de combat de tennis de table

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!