Maison > interface Web > js tutoriel > Résumé de l'apprentissage des tableaux en JS

Résumé de l'apprentissage des tableaux en JS

黄舟
Libérer: 2017-02-10 10:04:21
original
1033 Les gens l'ont consulté

Première fois que j'écris un blog. . . Un peu carré. . .

Je suis un novice (un vrai novice), j'apprends le front-end par moi-même. Je vais maintenant parler de certaines opérations sur les tableaux que j'ai résumées pendant le processus d'apprentissage. S'il y a des erreurs, veuillez les signaler. Acceptez-le humblement.

Les types de référence sont divisés en types d'objets (appelés objets), types de tableaux (tableaux abordés dans cet article), types de fonctions, etc.

Alors, à quoi sert un tableau ? Il me semble qu'il sert à sauvegarder des données.

1. Déclarez un tableau :

1. Constructeur var colours=new Array(); pour l'abréviation, vous pouvez omettre new, c'est-à-dire var colours=Array();

2. Tableau littéral var colours=["black","green","pink"];

2. Lisez et définissez la valeur du tableau :

Lire : couleurs [x ]; Le paramètre Voici un bref exposé sur l'utilisation de la longueur :

colors.length obtient la longueur du tableau, qui peut également être considérée comme le nombre d'éléments dans le tableau. le tableau contient 7 éléments, mais vous écrivez colours.length=2, Ensuite, les 5 éléments suivants seront supprimés

En utilisant l'attribut length, vous pouvez également ajouter des données au tableau à la fin : colors[colors. length]= pour l'affectation

4. Opérations dans le tableau :

方法 作用 返回值
Array.push(x,y,z) 把xyz添加到数组末尾 新数组长度
Array.pop() 移除数组最后一项 移除的最后一项
Array.shift() 移除数组第一项 移除的第一项
Array.unshift(a,b,c) 在数组前端添加a,b,c 新数组长度
Array.reverse() 反转数组 反转后的新数组
Array.sort() 对数组中每一项的字符串进行升序排列 重新排序后的数组
Array.concat(a,b,c) 连接数组 返回连接好的新数组
Array.slice(1,n) 截取数组,从1到n,1和n为索引值 返回截取的数组(在这里返回从1开始,到n之前结束)
Array.indexOf(a,start) 查找a的所在的位置,从start开始 返回a所在的索引值,如果没有查找到则返回-1
Array.lastIndexOf(a,atart) 与indexOf相反,lastIndexOf从末尾开始查找 返回a所在的索引值,如果没有查找到则返回-1

La méthode splice() est expliquée individuellement. Pourquoi s'en sortir seul ? Parce que c'est génial

1. Accepte deux paramètres : la position du premier élément à supprimer et le nombre d'éléments à supprimer

Exemple : splice(1,2), qui consiste à supprimer les éléments 2 et 3 du tableau ; 🎜>

2.Insérer. Accepte trois paramètres : la position de départ, 0 et l'élément à insérer.

Exemple : splice(2,0,"red","green") insérera du rouge et du vert à la position de l'index du tableau 2.

3. Remplacement. Accepte trois paramètres : la position de départ, le nombre d'éléments à supprimer et les éléments à insérer.

Exemple : splice(2,1,"red","green"), supprimez l'élément avec la valeur d'index 2 et ajoutez du rouge et du vert.

Cinq. Méthodes d'itération dans les tableaux

1.every() et some() :


(val1< -1 (val1> 10
Copier après la connexion


2 filtre. ():

Cette méthode renverra un tableau composé d'éléments dont le résultat est vrai

3.map():

 numbers=[0,1,2,3,4 result=numbers.every( (item>2 numbers=[0,1,2,3,4 result=numbers.some( (item>2
Copier après la connexion
Renvoyer le tableau après avoir exécuté la commande ; paramètres nouveau tableau.


Six. fusionner.

Array.reduce()

var result=numbers.map(function(item,index,array){
return item*2;
})
Copier après la connexion

Dans l'exemple précédent, réduire() accepte quatre paramètres, le premier paramètre est le premier élément du tableau, le deuxième paramètre est le deuxième élément du tableau

La première fois que la fonction est exécutée, prev est 1, cur est 2, la deuxième fois qu'elle est exécutée ; , prev vaut 3 (le résultat de 1 2), cur vaut 3.

Array.reduceRight(). Semblable à réduire. Commencez simplement par le côté droit du tableau.

var numbers=[1,2,3,4,5];var sum=numbers.reduce(function(prev,cur,index,array){return prev+cur
})
alert(sum);
Copier après la connexion


Ce qui précède est le résumé de l'apprentissage des tableaux Array en Js. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (m.sbmmt.com) !

Étiquettes associées:
js
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