1. À propos du tableau
La création du tableau est très flexible. Vous pouvez utiliser le constructeur de tableau ou créer directement un tableau "littéral".
var arr = new Array (); // [] var brr = array (); // [] Les deux sont équivalents à var arr = Array (3); //* DMARAr.Length; // 3 tableau vide de la longueur 3 var arr = array (22,33, 'qq', {}); // [22, 33, "qq", objet] var brr = [22,33, 'qq', {}]; // Identique à ci-dessusArray est un objet intégré pour JavaScript. Oui, bien que ce soit un tableau, c'est aussi un objet! !
Utilisez le type de juge pour retourner un objet! Array.isArray peut déterminer plus précisément son type.
var a = []; typeof a; //ObjectArray.isArray(a); //vrai
2. Méthodes courantes
Méthode push ()
La méthode push peut ajouter un ou plusieurs éléments à la fin du tableau et renvoyer la longueur du tableau modifié!
Remarque: ① Il renvoie la longueur du tableau, pas le tableau!
Cette méthode changera le tableau d'origine! !
var arr = array (22,33, 'qq', {}); arr.push ('weibo'); // 5arr // [22, 33, "qq", {}, "Weibo"]C'est ce que nous devons utiliser lorsque nous voulons fusionner deux tableaux
var a = [22,33]; var b = [44,55]; array.prototype.push.apply (a, b) // ou a.push.apply (a, b) // ou a.push (44,55); // Array A = [22,33,44,55];
Faites attention à ne pas écrire ce qui suit! !
a.push (b); a; //0022,33, 44,555 // 3 !! Console.log (a); // [22, 33, tableau [2]]
L'écriture directement en tant que a.push(b) ajoutera B en tant qu'élément à A, et il n'obtiendra pas l'effet idéal!
Si deux tableaux d'objets doivent maintenant être fusionnés comme ceci:
var a = [{nom: 'Stark', valeur: 'ironman'}, {name: 'cap', valeur: 'oldman'}]; var b = [{name: 'jerry', e-mail: '[email protected]'}, {name: 'lory', e-mail: '[email protected]'}, {name: 'Susan', e-mail: '[email protected]'] a.push (b); //3Console.log(a); // [objet, objet, array [3]] // Écriture correcte a.push.apply (ab); //5Console.log(a); // [objet, objet, objet, objet, objet]Méthode pop ()
Contrairement à push , il s'agit de supprimer le dernier élément du tableau et de renvoyer l'élément supprimé:
var a = ['qq', 'Weibo', 'Weixin']; a.pop (); // 'Weixin'a; // ['qq', 'Weibo']
Méthode join ()
Séparez le tableau par paramètres correspondants et retournez en tant que chaîne. Si le paramètre est vide, utilisez ',' pour le séparer. Cette méthode ne modifie pas le tableau d'origine:
var a = [1, 2, 3, 4]; a.join ('') // '1 2 3 4'a.join (' | ') // "1 | 2 | 3 | 4" var b = a.join () // "1,2,3,4" console.log (a); // [1,2,3,4] console.log (b); // "1,2,3,4"Méthode concat ()
Il peut combiner plusieurs nombres et renvoyer un nouveau tableau, mais le tableau d'origine reste inchangé:
var a = [22,33]; var b = [44,55]; var c = a.concat (b); console.log (a); // [22, 33] console.log (b); // [44, 55] Console.log (C); // [22, 33, 44, 55]
var a = [{name: 'tom', email: '[email protected]'}, {name: 'peter', email: '[email protected]'}];var b = [{name: 'Jerry', email: '[email protected]'}, {name: 'Lory', email: '[email protected]'}, {name: 'susan', value: '[email protected]'}]; var c = a.concat (b); c; // [{nom: 'Tom', courriel: '[email protected]'}, // {nom: 'Peter', e-mail: '[email protected]'}, // {nom: 'Peter', Courriel: '[email protected]'}, // {Name: 'Jerry', Courriel: '[email protected]'}, // {Name: 'Lory', ',' Lory. // {nom: 'Susan', valeur: '[email protected]'}]Méthode map ()
map appellera une fonction sur chaque membre du tableau à son tour, renvoyant un nouveau tableau traité par la fonction, mais le tableau d'origine ne sera pas modifié!
var nombres = [1, 2, 3]; var num = nombres.map (fonction (n) {// [2, 4, 6] return n * 2;}); nombres; // [1,2,3] Lorsque le paramètre de la fonction appelée par map est un, ce paramètre représente l'élément actuel du tableau; Lorsque les paramètres sont trois, ils sont séquentiellement
L' elem membre actuel, index d'index, tableau d'origine lui-même arr
var brr = [1, 2, 3] .map (fonction (elem, index, arr) {return elem * index;}); brr; // [0, 2, 6] map peut également accepter un deuxième paramètre, indiquant l'objet indiqué par this lorsque la fonction de rappel est exécutée.
var arr = ['a', 'b', 'c']; var brr = [0, 2] .map (function (e) {return this [e];}, arr) brr; // ['A', 'C'] Dans les applications, parfois lors de l'utilisation de la technologie AJAX nécessite une conversion dynamique des réseaux de paramètres en une demande d'URL, map sera très pratique, par exemple:
var b = [{name: 'jerry', e-mail: '[email protected]'}, {name: 'lory', e-mail: '[email protected]'}, {name: 'Susan', valeur: '[email protected]'}]; var url = b. map (fonction (n) {return n.name + "=" + n.email}) .join ("&"); console.log (URL); //[email protected]&[email protected]&[email protected]Ajoutez ensuite l'adresse IP, l'action et la méthode avant l'URL pour compléter l'épissage dynamique de l'URL requis par AJAX, par exemple:
var endurl = "localhost: 8080 / xxxx /" + eventAction + "!" + Opération + "?" + URL;
Résumer
Ce qui précède est l'intégralité du contenu de cet article. J'espère que cela sera d'une aide à l'étude ou au travail de chacun. Si vous avez des questions, vous pouvez laisser un message pour communiquer.