Cette fois, je vais vous apporter un résumé des méthodes de tableau couramment utilisées en JS. Quelles sont les précautions lors de l'utilisation de données en JS. Voici des cas pratiques, jetons un coup d'œil.
1. La méthode concat() est utilisée pour fusionner deux ou plusieurs tableaux. Cette méthode ne modifie pas le tableau existant, mais renvoie un nouveau tableau.
Exemple :
var array1 = ['a', 'b', 'c'];
var array2 = ['d', 'e', 'f'];
console.log(array1.concat(array2));
// ["a", "b", "c", "d", " e" , "f"]
2. La méthode filter() crée un nouveau tableau qui contient tous les éléments du test implémenté par la fonction fournie. (peut être utilisé pour le filtrage)
Exemple :
function isBigEnough(value) {
valeur de retour >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtré est [12, 130, 44]
// voie ES6
const isBigEnough = value => value >= 10;
let [...spread]= [12, 5, 8, 130, 44];
let filtered = spread. filter( isBigEnough);
3. La méthode find() renvoie la valeur du premier élément du tableau qui satisfait à la fonction de test fournie. Sinon, undefined est renvoyé.
Exemple :
function isBigEnough(element) {
return element >= 15;
}
[12, 5, 8, 130, 44 ].find(isBigEnough); // 130
4. La méthode findIndex() renvoie l'index du premier élément du tableau qui satisfait à la fonction de test fournie. Sinon, -1 est renvoyé.
fonction isBigEnough(element) {
élément de retour >= 15;
}
[12, 5, 8, 130, 44].findIndex(isBigEnough );
// l'index du 4ème élément du tableau est renvoyé,
// cela donnera donc '3'
5. la fonction fournie une fois. (Équivalent à la boucle for en JavaScript)
Exemple :
const arr = ['a', 'b', 'c'];
arr.forEach(function(element) {
console.log(element);
});
arr.forEach( element => console.log(element));
// a
// b
// c
6. Les retours de la méthode indexOf() se trouvent dans le tableau Le premier index d'un élément donné, ou -1 s'il n'existe pas.
Exemple :
let a = [2, 9, 7, 8, 9];
a.indexOf(2); ); // -1
a.indexOf(7); // 2
a.indexOf(8); // 3
a.indexOf(9); >if (a.indexOf(3) === -1) {
// l'élément n'existe pas dans le tableau
7. new Un tableau dont le résultat est le résultat de l'appel d'une fonction fournie sur chaque élément du tableau.
Exemple : // ES6
laisser les nombres = [1, 5, 10, 15];laisser doubles = nombres.map( x => x ** 2);
// le double est maintenant [1, 25, 100, 225]
// les nombres sont toujours [1, 5, 10, 15]
nombres const = [ 2, 4, 8, 10];
laisser les moitiés = nombres.map(x => x / 2);
laisser les nombres = [1, 4, 9];
laisser les racines = number.map(Math.sqrt);
// les nombres sont toujours [1, 4, 9]
8 La méthode pop() supprime le dernier élément du tableau et renvoie la valeur de l'élément. Cette méthode modifie la longueur du tableau.
Exemple : let a = [1, 2, 3];
a.length; // 3
a.pop( // 3);
a.length; // 2
9. tableaux Appliquer une fonction à chaque élément (de gauche à droite), en le réduisant à une valeur unique.
Exemple :
const array1 = [1, 2, 3, 4];const réducteur = (accumulateur,
courantValeur) => ; accumulateur +currentValue;
// 1 + 2 + 3 + 4console.log(array1.reduce(reducer));
// sortie attendue : 10
// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// sortie attendue : 15
10. Array.isArray() est utilisé pour déterminer si la valeur transmise est un Array
Exemple :
Array.isArray([ 1 , 2, 3]);// true
Array.isArray({foo: 123});// false
Array.isArray("foobar"); / false
Array.isArray(undefined);
// false
11. La méthode Array.from() crée un nouvel exemple de tableau à partir d'un objet de type tableau ou itérable.
Exemple : const bar = ["a", "b", "c"];Array.from(bar);
// ["a" , "b", "c"]
Array.from('foo');
// ["f", "o", "o"]
12. La méthode fill() remplit tous les éléments d'un tableau de l'index de début à l'index de fin avec une valeur fixe.
Exemple : var array1 = [1, 2, 3, 4];
// remplir avec 0 de position 2 jusqu'à la position 4
console.log(array1.fill(0, 2, 4));
// sortie attendue : [1, 2, 0, 0]
// remplir avec 5 à partir de la position 1
console.log(array1.fill(5, 1));
// sortie attendue : [1, 5, 5, 5]
console.log(array1.fill(6));
// résultat attendu : [6, 6, 6, 6]
Syntaxe :
arr.fill(value[, start[, end]])
C'est-à-dire (valeur remplie, valeur de début (index), valeur de fin (à partir de 1))
13. ) est utilisée pour déterminer si un tableau contient une valeur spécifiée. Selon la situation, elle renvoie vrai s'il contient, sinon elle renvoie faux.
Exemple :
let a = [1, 2, 3];
a.includes(2);
// true
a.includes(4);
// false
14. La méthode join() concatène tous les éléments d'un tableau (ou d'un objet de type tableau) en une chaîne et renvoyez cette chaîne.
Exemple :
let a = ['Vent', 'Pluie', 'Fire'];
console.log(a.join()); >// La valeur par défaut est ","
// 'Vent, Pluie, Feu'
// Séparateur === chaîne vide ""
// "WindRainFire"
// Délimiteur "-"
// 'Wind- Rain-Fire '
15. La méthode push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la longueur du nouveau tableau.
Exemple :var number = [1, 2, 3];
numbers.push(4);
numbers.push(5, 6, 7);
console.log(numbers); 2, 3, 4, 5, 6, 7]
16. La méthode réduireRight() accepte une fonction comme accumulateur (accumulateur) et chaque valeur du tableau (de droite à gauche). Réduire à une seule valeur. Opposé au sens d'exécution de Array.prototype.reduce()
Exemple : let flattened = [
[0, 1],[2, 3], [4, 5]
].reduceRight((a, b) => {
return a.concat(b);
}, []);
/ / aplati est [4, 5, 2, 3, 0, 1]
Exemple : let a = [1, 2, 3];let b = a.shift();
console.log(a);
// [2, 3]
// 1
18. pour terminer, Shallow copie une partie du tableau sélectionné (sans compter la fin) dans un nouvel objet tableau. Le tableau d'origine n'est pas modifié.
Exemple : var animaux = ['fourmi', 'bison', 'chameau', 'canard', 'éléphant'];
console.log(animaux .slice(2));// résultat attendu : Array ["camel", "duck", "elephant"]
// résultat attendu : Array ["camel", "duck"]
// résultat attendu : Array ["bison" , "camel", "duck", "elephant"]
19. La méthode some() teste si certains éléments du tableau réussissent le test implémenté par la fonction fournie.
Exemple : const isBiggerThan10 = (élément, index, tableau) => {élément de retour >
}
[2, 5, 8, 1, 4].some(isBiggerThan10);
// false
// true
20. La méthode sort() utilise un algorithme sur place pour trier les éléments du tableau et renvoie le tableau. sort Le tri n'est pas nécessairement stable. L'ordre de tri par défaut est basé sur des points de code Unicode de chaîne.
Exemple : var fruit = ['cerises', 'pommes', 'bananes'];fruit.sort();// ['pommes', 'bananes', 'cerises']
21. La méthode splice() modifie le contenu d'un tableau en supprimant des éléments existants et/ou en ajoutant de nouveaux éléments.
var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];myFish.splice(2, 0, ' drum'); // Insérez 'drum' à l'index 2
// myFish devient ["angel", "clown", "drum", "mandarin", "sturgeon"]
myFish.splice (2, 1); // Supprime un élément de l'index 2 (c'est-à-dire l'élément 'tambour')
Syntaxe :
array.splice(start, deleteCount)
array.splice(start, deleteCount , item1, item2, .. .)
Paramètres :
start
Spécifie la position de départ de la modification (en comptant à partir de 0). Si la longueur du tableau est dépassée, le contenu est ajouté à partir de la fin du tableau ; s'il s'agit d'une valeur négative, il indique le nombre à partir de la fin du tableau (en comptant à partir de 1 si seul le paramètre start est utilisé) ; sans deleteCount, un élément, tel que :array.splice(start), signifie supprimer les éléments de [start, end].
deleteCount facultatif
entier, indiquant le nombre d'éléments du tableau à supprimer. Si deleteCount vaut 0, aucun élément n'est supprimé. Dans ce cas, au moins un nouvel élément doit être ajouté. Si deleteCount est supérieur au nombre total d'éléments après le début, tous les éléments après le début seront supprimés (y compris la position de départ).
Si deleteCount est omis, cela équivaut à (arr.length - start).
item1, item2, ... Facultatif
Les éléments à ajouter au tableau, en commençant par la position de départ. S'il n'est pas spécifié, splice() supprimera uniquement les éléments du tableau.
La méthode splice utilise le paramètre deleteCount pour contrôler s'il faut supprimer ou ajouter :
Le paramètre start est requis, indiquant la position de départ (en comptant à partir de 0), tel que : start=0 commence à partir du premier start> ; ;= array length-1 signifie commencer par le dernier.
①. Supprimez les éléments [start, end] en commençant par la position de départ.
array.splice(start)
②. Supprimez les éléments [start, Count] en commençant par la position de départ.
array.splice(start, deleteCount)
③ Ajoutez les éléments item1, item2, ... en commençant par la position de départ.
array.splice(start, 0, item1, item2, ...)
22. toString() renvoie une chaîne représentant le tableau spécifié et ses éléments .
23. La méthode unshift() ajoute un ou plusieurs éléments au début du tableau et renvoie la longueur du nouveau tableau.
Exemple :
let a = [1, 2, 3];
a.unshift(4, 5);
console.log( a);
//[4, 5, 1, 2, 3]
24. La méthode substring() est utilisée pour extraire l'indice entre deux indices spécifiés dans le chaîne de caractères entre.
Exemple :
var str="Bonjour tout le monde !";
document.write(str.substring(3)+"
");// voilà le monde !
document.write(str.substring(3,7));//lo w
Syntaxe :
string.substring(from, to)
Paramètres
de
Obligatoire. Entier non négatif qui spécifie la position du premier caractère de la sous-chaîne à extraire dans la chaîne Object.
à
Facultatif. Un entier non négatif qui est 1 de plus que le dernier caractère de la sous-chaîne à extraire dans la chaîne Object.
Si ce paramètre est omis, la sous-chaîne renvoyée ira à la fin de la chaîne.
25. La méthode substr() peut extraire le nombre spécifié de caractères à partir de l'indice de début dans la chaîne.
Exemple
var str="Bonjour tout le monde !"
document.write(str.substr(3));//lo world!
document.write(str.substr(3 ) ,7));p//lo worl
Syntaxe :
stringObject.substr(start,length)
Paramètres :
start
Obligatoire. L'index de départ de la sous-chaîne à extraire. Doit être une valeur numérique. S'il est négatif, ce paramètre déclare la position à partir de la fin de la chaîne. Autrement dit, -1 fait référence au dernier caractère de la chaîne, -2 fait référence à l'avant-dernier caractère, et ainsi de suite.
longueur
facultatif. Le nombre de caractères dans la sous-chaîne. Doit être une valeur numérique. Si ce paramètre est omis, la chaîne du début à la fin de stringObject est renvoyée.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture connexe :
Comment définir la taille du logo dans l'application Android
Quelles devraient être les instructions personnalisées de Vue.JS Comment utiliser PEGjs en utilisant
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
