Méthodes de tableau JavaScript.

Allons travailler sans trop dire. Dans cet article, nous nous familiariserons avec les méthodes de tableaux dans le langage de programmation javascript et travaillerons sur les problèmes associés.

---

Ajouter un élément, changer.

• longueur()
• pousser()
• concat()

Éteindre.

• pop()
• shift()
• épissure()
• supprimer le tableau[i]

recherche

• trouver(fonction())
• indexOf()

Organiser

• sort() pour les nombres et pour les chaînes

Inverse

• inverse()

---

Ajoutez et modifiez des éléments.

La méthode

length trouve le nombre d'éléments, ou la longueur, du tableau.
Il convient de noter que le type de tableaux en Javascript est objet. Si vous avez déjà appris des langages comme c/c ou java, cela peut sembler un peu déroutant. En JavaScript, les tableaux eux-mêmes sont en fait data-type , ce qui est différent des tableaux en c/c. En JS, vous pouvez stocker différents types de données dans un seul tableau.

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);

---

Ajoutez un nouvel élément à la fin d'un tableau.

Vous avez peut-être une question. Est-il possible de changer la valeur d'une variable constante ? Oui, nous insérons un nouvel élément via la méthode push(), mais nous ne définissons pas de nouvelle valeur dans le tableau.

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);

---

Combinez deux tableaux (concaténer).

La méthode concat() combinera deux tableaux.

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);

---

Supprimer un élément d'un tableau.

Il existe plusieurs manières différentes de supprimer des éléments de tableau en JavaScript.
La méthode pop() est utilisée pour supprimer un élément de la fin du tableau.

// pop(), arrayning oxiridan bitta element o'chiradi
let array1 = [6, "satr", true, 55, 4.6];
console.log(`\navval:  [${array1}]\n`);

array1.pop();
console.log(`keyin:  [${array1}]\n`);

---

La méthode

shift() supprime un élément du début du tableau

// shift() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.shift();
console.log(`keyin: 44 arrayda emas [${array}]\n`);

---

La méthode

splice() est unique dans le sens où elle est non seulement utilisée pour supprimer des éléments, mais également pour modifier des données. À des fins de suppression, la méthode prend deux valeurs.

• first : est l'index de départ pour la suppression d'éléments.
• deuxième : combien d'éléments à supprimer.

Par exemple : const array = [44, 5.3, 2, 14, 98, "text", "apple"]; il y a. Nous souhaitons supprimer 2 éléments, à partir de l'index 3, soit 14 (14 lui-même est supprimé), 2 éléments.

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);

Aux fins de remplacement, splice() est utilisé comme suit.

1. index de démarrage array.splice(3, ...)
2. combien d'éléments échanger array.splice(3, 2, ...)
3. nouveaux éléments à insérer respectivement array.splice(3, 2, "new1", "new2")

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);

---

La méthode

delete array[i] est le moyen le plus simple de supprimer un élément d'un tableau. Dans ce cas, l'index de l'élément à supprimer s'écrit à la place de [i].

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);

---

Recherche à partir d'un tableau

La méthode

find(function()) est utilisée pour rechercher un élément donné dans un tableau. Une fonction est écrite dans cette méthode sous forme de valeur et la fonction reçoit l'élément à rechercher. La fonction ne renvoie pas d'index, si l'élément recherché est présent dans le tableau, elle renvoie cet élément, sinon elle renvoie undéfini.

// pop(), arrayning oxiridan bitta element o'chiradi
let array1 = [6, "satr", true, 55, 4.6];
console.log(`\navval:  [${array1}]\n`);

array1.pop();
console.log(`keyin:  [${array1}]\n`);

---

La méthode indexOf() renvoie l'index de l'élément recherché.

// shift() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.shift();
console.log(`keyin: 44 arrayda emas [${array}]\n`);

---

Organiser

méthode sort(), c'est là que commence le "mal de tête" de JavaScript. À première vue, la méthode sort() semble simple, mais il existe en réalité un autre processus en cours en coulisse. Par défaut, sort() trie les strings , mais peut trier correctement si une valeur entière ou numérique est donnée. Mais JavaScript trie les nombres s'il le souhaite, pas s'il ne le fait pas (je plaisante) :)

// splice() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.splice(3, 2);

console.log(`keyin: 14 va 98 elementlari o'chdi [${array}]\n`);

---

en valeurs numériques comme suit.

// splice() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.splice(3, 2, "yangi1", "yangi2");

console.log(`keyin: 14 va 98 elementlari almashtirildi [${array}]\n`);

---

Alors quel est le problème ?

Vous pouvez dire, continuons.

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);

Arrêtez, regardez le résultat, tableau trié : [100,1021,30,45,61,8] qu'est-ce que c'est !?
JavaScript trie un tableau sous forme de chaîne. Même si un nombre est donné, il sera transféré en code ascii et trié lexicographiquement, c'est-à-dire comme une chaîne. Cela provoquera une erreur. Dans le problème, 100 devrait être le dernier nombre et 30 devrait être avant 100. en tant que caractère, 1 précède 3, donc une erreur se produit (voir tableau ascii !). Pour résoudre ce problème, nous donnons function() à la méthode sort().

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);

La fonction

array.sort((a, b) => a - b); compare deux éléments d'un tableau et détermine leur ordre.

• a et b : ce sont les deux éléments du tableau qui sont comparés. La méthode sort() compare tous les éléments par paires (par exemple, a et b) et les organise en fonction du résultat de la fonction de comparaison.
• a - b : En calculant ces différences, l'ordre des éléments est déterminé :

1. Si a - b est négatif (c'est-à-dire a < b), a précède b.
2. Si a - b est positif (c'est-à-dire a > b), b précède a.
3. Si a - b est nul (c'est-à-dire a === b), alors ils ne s'excluent pas mutuellement.

Résultat :

---

Retournement

La méthode

reverse() crée un tableau qui est l'inverse du tableau donné par son nom.

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);

Résultat :

---

J'espère que vous avez acquis des connaissances sur les méthodes de tableau JavaScript grâce à cet article, partagez cet article avec vos proches qui apprennent JS !

Questions à revoir :

1. Ajouter un élément, modifier :

a. longueur()

Problème : Imaginez un grand tableau contenant 1 000 valeurs. Si vous avez uniquement besoin d’afficher le nombre d’éléments dans un tableau, quelle méthode utiliseriez-vous ? Comment le nombre d'éléments change-t-il en cas de modification du tableau ?
Problème : Si vous devez ajouter 1 000 nouveaux éléments à la fin d’un tableau donné, déterminez la longueur du tableau. Quelle méthode est la plus efficace à utiliser pour cela ?

b. pousser()

Problème : vous avez un tableau où chaque élément est identique. Chaque fois que vous ajoutez un nouvel élément, vous devez remplacer l'élément à la fin du tableau. Comment optimiser ces opérations ?
Problème : Vous disposez d'un tableau appelé tâches qui contient diverses tâches à effectuer. Chaque fois que vous devez ajouter une nouvelle tâche et mettre à jour la tâche à la fin de la liste. Comment fais-tu ça ?

c. concat()

Problème : vous devez fusionner deux tableaux et les afficher dans le même format. Le premier tableau ne contient que des nombres simples et le second ne contient que des chaînes numériques. Comment créer un nouveau tableau à partir d'eux et afficher tous les nombres au format numérique ?
Problème : Vous disposez de deux tableaux, l'un contenant des informations sur les utilisateurs et l'autre contenant l'historique de connexion des utilisateurs. Vous devez fusionner ces tableaux, mais vous souhaitez uniquement afficher les historiques d'état actif des utilisateurs. Comment fais-tu ça ?

2. Supprimer :

a. pop()

Problème : Vous avez plusieurs listes d'utilisateurs, et à chaque fois vous devez supprimer le dernier utilisateur de la liste. Mais vous souhaitez uniquement conserver les utilisateurs actifs des 3 derniers jours. Comment pouvez-vous les gérer ?
Problème : Vous disposez d'un tableau nommé livres qui contient des informations sur divers livres. Chaque fois que vous devez supprimer le dernier livre et ajouter un nouveau livre. Comment fais-tu ?

b. décalage()

Problème : Imaginez un processus de file d'attente dans lequel les utilisateurs attendent leur tour. Chaque fois que vous vous déconnectez de l'utilisateur suivant et entrez un nouvel utilisateur. Comment procédez-vous?
Problème : vous disposez d'un tableau organisé par heure de connexion de l'utilisateur. Vous devez désinscrire le tout premier utilisateur à chaque fois. Comment fais-tu ça ?

c. épissure()

Problème : Vous avez une liste d'élèves et à chaque fois vous devez modifier ou supprimer 3 élèves de la liste. Comment procédez-vous?
Problème : Vous avez une liste de problèmes. À chaque fois, plusieurs problèmes doivent être supprimés et modifiés. Lors du changement d'un numéro, les autres numéros doivent rester dans le bon ordre. Comment fais-tu ça ?

d. supprimer le tableau[i]

Problème : Vous disposez d'un grand tableau et vous devez supprimer un élément en fonction de son index. Que faut-il faire lors de la suppression d'un élément, en tenant compte de la manière dont les autres éléments du tableau sont modifiés ?
Problème : Vous disposez d'une liste de clients et chaque client possède un numéro d'identification unique. Quelle méthode peut-on utiliser pour désinscrire un client pour un identifiant donné ?

3. Rechercher :

a. trouver(fonction())

Problème : Vous disposez d'une liste d'utilisateurs. Chaque utilisateur possède un numéro d'identification et un nom. Il vous suffit d'obtenir les informations de l'utilisateur dont le nom est "John". Comment fais-tu ça ?
Problème : Vous avez une liste de produits, et chaque produit a un nom et un prix. Il vous suffit de rechercher des produits dont le prix est supérieur à 100. Comment fais-tu ça ?

b. indexOf()

Problème : Vous avez une liste de livres, et chaque livre a un titre et un auteur. Si l'utilisateur recherche un livre, déterminez dans quel index il se trouve par son nom.
Problème : Vous disposez d'une liste de produits et chaque produit se voit attribuer un numéro d'identification unique. Si un utilisateur recherche un produit, vous devriez pouvoir le trouver en fonction de son numéro d'identification. Comment ça se passe ?

4. Commande :

a. sort()(pour les nombres)

Problème : Vous disposez de plusieurs évaluations d'élèves. Triez les notes de la plus basse à la plus élevée, mais triez les élèves ayant la même note par nom.
Problème : Vous disposez d’un tableau contenant les prix des produits. Vous pouvez trier les prix par ordre décroissant, mais si les prix sont les mêmes, triez-les par date de vente.

b. sort()(pour les chaînes)

Problème : vous disposez d'un large éventail de noms de clients. Vous devez les trier par ordre alphabétique, mais uniquement par majuscules
Problème : Vous avez les titres des livres. Vous souhaitez trier tous les livres selon la longueur des mots qu'ils contiennent. Comment fais-tu ça ?

5. Cliquez :

a. inverse()

Problème : Vous disposez d'un tableau de plusieurs nombres. Vous devez afficher ce tableau dans l'ordre inverse. Comment calculer les changements de ceci ?
Problème : Vous disposez d'une liste de textes et vous souhaitez afficher les textes dans l'ordre inverse. Qu'obtiendriez-vous si les textes étaient tous de la même longueur ?

bugs et questions

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!