javascript n'est pas une méthode tableau

PHPz
Libérer: 2023-05-12 12:37:07
original
514 Les gens l'ont consulté

En JavaScript, les tableaux sont une structure de données très courante. Ils sont largement utilisés pour stocker et manipuler des collections ordonnées de données. Bien qu'il existe de nombreuses méthodes utiles dans les tableaux, certains peuvent se demander pourquoi certaines de ces méthodes (ou propriétés) semblent appartenir au tableau, alors qu'elles sont en réalité des méthodes (ou propriétés) de l'objet Array plutôt que des méthodes (ou propriétés) du tableau. propriété elle-même). Dans cet article, nous discuterons de certaines idées fausses et erreurs courantes et expliquerons les méthodes et propriétés des tableaux en JavaScript.

Qu'est-ce qu'un tableau ?

Comprenons d'abord ce qu'est un tableau. Un tableau en JavaScript est une liste ordonnée qui peut stocker différents types de données, notamment des nombres, des chaînes, des objets, etc. Par exemple, ce qui suit est un tableau simple :

let myArray = [1, 2, 3, "four", { five: 5 }];
Copier après la connexion

Dans ce tableau, nous avons des nombres, une chaîne, un objet, et ils sont tous stockés dans le tableau dans un ordre spécifique. Afin de manipuler et d'accéder aux éléments d'un tableau, JavaScript fournit un ensemble de méthodes et de propriétés intégrées qui permettent aux développeurs d'effectuer facilement diverses opérations sur le tableau.

Quelles méthodes ne sont pas des méthodes tableau ?

Vous trouverez ci-dessous quelques méthodes d'objet Array courantes. Elles ressemblent à des méthodes d'objet Array, mais sont en fait des méthodes d'objet Array car elles peuvent être utilisées sur n'importe quel objet, pas seulement sur des tableaux :

#🎜. La méthode 🎜#join()

Array.join() peut joindre tous les éléments du tableau en une chaîne. Plus précisément, cette méthode concatène tous les éléments dans une chaîne et insère une chaîne spécifiée comme séparateur entre eux. Exemple : la méthode

let myArray = ["a", "b", "c", "d"];
let joinedArray = myArray.join(",");
console.log(joinedArray); // "a,b,c,d"
Copier après la connexion

indexOf() et lastIndexOf()

Array.indexOf() renvoie l'index du premier élément trouvé dans le tableau, si l'élément n'est pas trouvé dans l'élément du tableau, renvoie -1. La méthode Array.lastIndexOf() commence la recherche à partir de la fin du tableau et renvoie l'index du dernier élément trouvé. Si l'élément n'est pas trouvé dans le tableau, elle renvoie -1. Exemple : la méthode

let myArray = [1, 2, 3, 2];
let index = myArray.indexOf(2); // 返回 1
let lastIndex = myArray.lastIndexOf(2); // 返回 3
Copier après la connexion

toString()

Array.toString() convertit un tableau en chaîne et renvoie la chaîne. Cette méthode est similaire à la méthode Array.join(), mais utilise des virgules comme séparateurs pour joindre les éléments du tableau. Exemple : la méthode

let myArray = [1, 2, 3];
let strArray = myArray.toString(); // 返回 "1,2,3"
Copier après la connexion

slice()

Array.slice() renvoie un nouveau tableau, qui contient la plage allant de l'index de début à l'index de fin (à l'exclusion de l'index de fin ) des éléments du tableau. Exemple : la méthode

let myArray = [1, 2, 3, 4, 5];
let newArray = myArray.slice(2, 4); // 返回 [3, 4]
Copier après la connexion

concat()

Array.concat() concatène deux tableaux ou plus et renvoie un nouveau tableau. Exemple : les méthodes

let firstArray = [1, 2, 3];
let secondArray = [4, 5, 6];
let newArray = firstArray.concat(secondArray); // 返回 [1, 2, 3, 4, 5, 6]
Copier après la connexion

push() et pop()

Array.push() et Array.pop() sont utilisées pour ajouter un élément à la fin du tableau , et de Supprimer un élément de la fin du tableau. Exemple : les méthodes

let myArray = ["one", "two"];
myArray.push("three"); // 返回 3,数组变成 ["one", "two", "three"]
let lastElement = myArray.pop(); // 返回 "three",数组变成 ["one", "two"]
Copier après la connexion

shift() et unshift()

Array.shift() et Array.unshift() sont utilisées pour supprimer un élément du début du tableau et à Ajoute un élément au début du tableau. Exemple :

let myArray = ["one", "two"];
myArray.unshift("zero"); // 返回 3,数组变成 ["zero", "one", "two"]
let firstElement = myArray.shift(); // 返回 "zero",数组变成 ["one", "two"]
Copier après la connexion

La différence entre les méthodes de tableau et les méthodes d'objet Array

Bien que les méthodes répertoriées ci-dessus ressemblent aux méthodes de tableau, la différence la plus importante est qu'elles ne modifient pas l'original tableau lui-même. Au lieu de cela, ils renvoient une nouvelle valeur de tableau, de chaîne ou de type primitif. Par exemple, dans l'exemple suivant, nous démontrons la différence de la méthode slice(). Notez que le tableau d'origine n'est pas modifié, mais qu'un nouveau tableau est créé.

let myArray = ["a", "b", "c", "d", "e", "f"];
let newArray = myArray.slice(2, 4); // 返回 ["c", "d"]
console.log(myArray); // ["a", "b", "c", "d", "e", "f"]
Copier après la connexion

En revanche, si on utilise la méthode push() du tableau, la méthode modifiera le tableau lui-même et ajoutera un nouvel élément.

let myArray = ["a", "b", "c"];
myArray.push("d"); // push() 方法将修改原数组本身
console.log(myArray); // ["a", "b", "c", "d"]
Copier après la connexion
De plus, les méthodes de tableau telles que push(), pop(), shift() et unshift() modifient le tableau d'origine et renvoient un tableau modifié, tandis que les méthodes d'objet Array telles que concat(), join(), indexOf() et slice()) renvoie un nouveau tableau, une chaîne ou une valeur d'un type primitif sans modifier le tableau d'origine.

Conclusion

Bien que les tableaux en JavaScript aient de nombreuses méthodes utiles, il convient de noter que certaines méthodes qui semblent appartenir à des tableaux sont en réalité des méthodes d'objets Array. Bien que ces méthodes puissent être utilisées sur n'importe quel objet, elles ne modifient pas l'objet d'origine et le résultat renvoyé est un nouveau tableau, une chaîne ou une valeur de type primitif. Afin de mieux comprendre les tableaux et les objets Array en JavaScript, les développeurs doivent clairement comprendre la différence entre les deux.

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!

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