Maison > interface Web > js tutoriel > Comment déclarer des tableaux en JavaScript et un résumé de l'utilisation de certaines fonctions de tableau courantes

Comment déclarer des tableaux en JavaScript et un résumé de l'utilisation de certaines fonctions de tableau courantes

伊谢尔伦
Libérer: 2017-07-25 14:50:48
original
1631 Les gens l'ont consulté

Comment déclarer un tableau

s Il existe plusieurs façons de déclarer un tableau

var tmp = [];  // 简写模式
var tmp = new Array(); // 直接new一个
var tmp = Array();  // 或者new也可以
Copier après la connexion

Vous pouvez passer un paramètre lors de la création d'un nouveau tableau, ce qui signifie La longueur initiale du tableau

// new的时候传入一个参数表示初始化数组长度
var tmp = new Array(3); 
 
alert(tmp.length);  // 3
Copier après la connexion

Mais si vous souhaitez créer un tableau avec un seul élément 3, alors l'utilisation de la nouvelle méthode ne peut pas être réalisée, car le système prendra en compte le 3 que vous transmettez comme longueur du tableau. À moins que vous n'utilisiez des guillemets pour le traiter comme une chaîne, comme

var tmp = new Array('3'); 
alert(tmp);  // 3
Copier après la connexion

, nous pouvons utiliser le mode raccourci pour créer un tableau, afin de pouvoir créer un tableau avec un seul. élément numérique 3

var tmp = [3]
alert(typeof tmp[0]);  // number
Copier après la connexion

également Plusieurs éléments peuvent être initialisés, et la valeur de l'élément peut être de n'importe quel type

// 简约模式创建数组
// 数组的元素可以是任意一种数据类型
var tmp = [3,true,8.5,{'name':'lizhong'},['a','b']];
alert(tmp.length); // 5
Copier après la connexion

1. unshift insère un élément avant le premier élément du tableau

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c');
alert(len); // 3
alert(tmp); // c,a,b
Copier après la connexion

Vous pouvez également insérer plusieurs éléments à la fois, dans l'ordre en partant de la gauche

// 使用unshift在数组第一个元素前插入元素
// 返回数组长度
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
alert(len); // 4
alert(tmp); // c,d,a,b
Copier après la connexion

2. Shift fait apparaître le premier élément du tableau et renvoie la valeur de l'élément sauté

Petit exemple :

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.shift();
alert(val); // a
alert(tmp); // b,c
Copier après la connexion

S'il s'agit d'un tableau vide :

// 使用shift弹出数组第一个元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.shift();
alert(val); // undefined
alert(tmp); // 空
Copier après la connexion

3. push ajoute des éléments à la fin du tableau

suivi de unshift Au contraire, push ajoute des éléments à la fin du tableau et renvoie la longueur du tableau après avoir ajouté les éléments

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d');
alert(len); // 4
alert(tmp); // a,b,c,d
Copier après la connexion

Vous pouvez également ajouter plusieurs éléments à la fois

// 使用push在数组末尾添加多个元素
// 返回数组最新长度
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
alert(len); // 6
alert(tmp); // a,b,c,d,e,f
Copier après la connexion

4. La fonction pop supprime le tableau Le dernier élément

est en face pour décaler. Pop fait apparaître le dernier élément du tableau et renvoie la valeur de l'élément sauté

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = ['a','b','c'];
var val = tmp.pop();
alert(val); // c
alert(tmp); // a,b
Copier après la connexion

Si le tableau est vide, renvoie undéfini

// 使用pop弹出数组末尾元素
// 返回被弹出的元素值
var tmp = [];
var val = tmp.pop();
alert(val); // undefined
alert(tmp); // 空
Copier après la connexion

En utilisant les quatre fonctions ci-dessus. , nous pouvons effectuer un traitement de file d'attente. Nous n'écrirons pas de code pour des cas spécifiques.
La fonction push peut en fait être implémentée comme ceci

var tmp = ['a','b','c'];
tmp[tmp.length] = 'd';
alert(tmp); // a,b,c,d
Copier après la connexion

Remarque : les quatre fonctions ci-dessus, les opérations de déplacement, de décalage, de pop et de poussée modifieront toutes le tableau lui-même.

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