Maison > interface Web > js tutoriel > le corps du texte

Résumé des exemples d'utilisation d'opérations de tableau javascript (y compris la suppression, l'ajout, l'interception, la fusion, etc.)

伊谢尔伦
Libérer: 2017-07-25 15:38:33
original
1501 Les gens l'ont consulté

POP Supprimer le dernier élément

Supprimer le dernier élément et renvoyer la valeur de l'élément supprimé ; si le tableau est vide, renvoyer undefine


var a = [1,2,3,4,5];
a.pop();//a:[1, 2, 3, 4]
a.pop();//a:[1, 2, 3]
a.pop();//a:[1, 2]
Copier après la connexion

shift supprime le premier élément

Supprime le premier élément du tableau d'origine et renvoie la valeur de l'élément supprimé si le tableau est ; vide, renvoie undefine


var a = [1,2,3,4,5]; 
a.shift(); //a:[2,3,4,5]
a.shift(); //a:[3, 4, 5]
Copier après la connexion

push augmente jusqu'au dernier

et renvoie la nouvelle longueur du tableau <; 🎜>


var a = [1,2,3,4,5]; 
a.push(6);//[1, 2, 3, 4, 5, 6]
aa.push(&#39;xx&#39;);//[1, 2, 3, 4, 5, 6, "xx"] 返回长度7
a.push(&#39;yy&#39;);//[1, 2, 3, 4, 5, 6, "xx", "yy"] 返回长度8
Copier après la connexion

unshift augmente vers l'avant

et renvoie la nouvelle longueur du tableau


var a = [1,2,3,4,5]; 
a.unshift();//[1, 2, 3, 4, 5]
a.unshift("cc");//["cc", 1, 2, 3, 4, 5] 返回长度6
a.unshift("aaa");//["aaa", "cc", 1, 2, 3, 4, 5] 返回长度7
Copier après la connexion

le tableau inversé se retourne

et renvoie le tableau d'origine inversé, qui est retourné


var a = [1,2,3,4,5]; 
a.reverse()//a:[5, 4, 3, 2, 1] 返回[5, 4, 3, 2, 1]
Copier après la connexion

joindre le tableau en une chaîne

et renvoyer la chaîne, le tableau d'origine devient


var a = [1,2,3,4,5]; 
var b=a.join(&#39;||&#39;);//b:"1||2||3||4||5" a:[1,2,3,4,5]
Copier après la connexion

indexOf array element index

et renvoie l'index de l'élément s'il n'existe pas, -1 est renvoyé.


var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.indexOf(&#39;a&#39;);//0
a.indexOf(a);//-1
a.indexOf(&#39;f&#39;);//-1
a.indexOf(&#39;e&#39;);//4
Copier après la connexion
slice intercepte (tranche) le tableau et récupère le tableau intercepté


Renvoie un nouveau tableau composé d'éléments de de l'index de début spécifié (inclus) à l'index de fin (exclusif) dans le tableau d'origine Array, le tableau d'origine est muté et l'index commence à partir de 0


var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.slice(1,3);//["b", "c"] a:[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]
a.slice(0,4);//["a", "b", "c", "d"]
a.slice(3,4);//["d"]
Copier après la connexion
splice splice array Les modifications du tableau d'origine peuvent être supprimées avant shift, supprimées après pop et avant unshift Add, le même effet que l'ajout après push


Renvoie l'élément épissé tableau, le tableau d'origine change et l'index commence à 0


/*参数是2个*/
//第一参数是索引(从0开始),第二是长度
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.splice(0,2);//["a", "b"] a:["c", "d", "e"]
a.splice(0,2);//["c", "d"] a:["e"]
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.splice(0,1);//["a"] a:["b", "c", "d", "e"] 同shift前删除
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]
a.splice(a.length-1,1)l//["e"] a:["a", "b", "c", "d"] 同pop前删除
/*参数大于2个*/
//splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.splice(3,1,10,21,238,99);//["d"] a:["a", "b", "c", 10, 21, 238, 99, "e"]
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.splice(a.length,100000000,88)//返回 [] 从最后元素后面的元素,截取长度任意个,肯定是空 a:["a", "b", "c", "d", "e", 88] 同push后增加
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;]; 
a.splice(a.length,0,88)//返回 [] 从最后元素后面的元素,截取长度任意个,肯定是空 a:["a", "b", "c", "d", "e", 88] 同push后增加
var a = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;];
a.splice(0,0,88,99)//返回 [] 从第一个元素,截取长度0个 肯定是空 a:[88, 99, "a", "b", "c", "d", "e"] 同unshift前增加
Copier après la connexion
concat array merge


renvoie le nouveau tableau fusionné et le tableau d'origine change


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!