Résumé des méthodes courantes de traitement des données dans jQuery_jquery

Les exemples de cet article résument les méthodes courantes de traitement des données de jQuery. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

$.trim() : supprime les caractères d'espacement avant et après la chaîne.

var str = ' 薯条 ';
var formatStr = $.trim(str);  //'薯条'

$.param() : sérialisation de tableau ou d'objet.

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"

$.isArray() : Vérifiez s'il s'agit d'un tableau.
$.isFunction() : Vérifiez s'il s'agit d'un type de fonction.
$.each(obj, [callback]) : Traverse des objets de tableau ou de collection. obj est l'objet de collection à parcourir et callback représente la fonction de rappel, qui sera démarrée lorsque chaque membre sera parcouru. La fonction de rappel contient deux paramètres. Le premier paramètre est l'index du membre objet ou du tableau et le deuxième paramètre est la valeur correspondante.

var a = [x,y,z];
$.each(a, function(index, value) {
  console.log(index); //0,1,2
  console.log(value); //x,y,z
});
var b = {x:1, y:2, z:3};
$.each(b, function(key, value)) {
  console.log(key);  //x,y,z
  console.log(value); //1,2,3
}

Remarque : si vous souhaitez quitter la boucle each() à mi-chemin, vous pouvez renvoyer false dans la fonction de rappel, et les autres valeurs de retour seront ignorées.

$.each() et $(selector).each() ont la même fonction, mais $.each() peut traverser n'importe quel objet ou tableau, tandis que $(selector).each() ne peut parcourir que les objets sélectionnés par l'objet jQuery sélecteur actuel.

$.makeArray() : convertit des objets de type tableau en objets tableau. L'objet dit de type tableau a un attribut de longueur et l'index est compris entre 0 et longueur-1. Mais ces objets ne peuvent pas appeler de méthodes tableau.

var arr = $.makeArray($('li')); //类数组对象转换为数组
$('ul').html(arr.reverse()); //可以调用数组的reverse()方法了

$.grep() : filtre les éléments du tableau qui ne remplissent pas les conditions basées sur la fonction de filtre.

$.grep(array, callback, [invert]);

Explication : Le tableau de paramètres représente le tableau à filtrer et le rappel représente la fonction de filtrage. Si la fonction de filtre renvoie vrai, l'élément est conservé ; si la fonction de filtre renvoie faux, l'élément est supprimé. Paramètre invert, facultatif, s'il est faux ou non défini, renvoie les éléments du tableau qui sont renvoyés vrais par la fonction de filtre ; si ce paramètre est vrai, renvoie les éléments qui sont renvoyés faux par la fonction de filtre ;

var a = [1,2,3,4,5];
a = $.grep(a, function(value, index)) {
  return value > 3; //a现在为[4,5]
});
var b = [1,2,3,4,5];
b = $.grep(b, function(value, index)) {
  return value > 3; //b现在为[1,2,3]
}, true);

$.map() : Tableau de cartes.
$.map(array, rappel);

var a = [1,2,3,4];
a = $.map(a, function(elem)) {
  return elem * 2; //a现在为[2,4,6,8]
});

$.merge() : Fusionner les tableaux.
Description : accepte deux paramètres de tableau.

var a = [1,2,3];
var b = [4,5];
var c = $.merge(a,b); //c为[1,2,3,4,5];

$.unique() : supprime les doublons dans le tableau d'éléments DOM.

...
<a id="1" class="link link1"></a>
<a id="2" class="link"></a>
<a id="3" class="link"></a>
...
var $link = $('.link'); //包含#1,#2,#3
var $firstLink = $('.link1'); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

Remarque : il ne peut traiter que les tableaux d'éléments DOM, pas les chaînes ou les tableaux JavaScript.

J'espère que cet article sera utile à la programmation jQuery de chacun.