Maison > Article > interface Web > Quelles sont les méthodes de l'objet tableau javascript
JavaScript est un langage de programmation largement utilisé dans le développement Internet, prenant en charge diverses opérations et calculs, notamment la définition et le fonctionnement de tableaux. Un tableau est une structure de données qui peut contenir plusieurs valeurs et les organiser dans un certain ordre. Afin de faciliter le traitement des objets tableau, JavaScript propose de nombreuses méthodes d'objets tableau. Cet article présentera les méthodes d'objet tableau JavaScript couramment utilisées et leur utilisation. La méthode
join() place tous les éléments du tableau dans une chaîne et le délimiteur peut être spécifié. Par exemple : la méthode
var fruits = ["apple", "banana", "orange"]; var result = fruits.join(", "); console.log(result); // 输出: "apple, banana, orange"
concat() est utilisée pour concaténer deux ou plusieurs tableaux et renvoyer un nouveau tableau. Par exemple : la méthode
var fruits1 = ["apple", "banana"]; var fruits2 = ["orange", "lemon"]; var result = fruits1.concat(fruits2); console.log(result); // 输出: ["apple", "banana", "orange", "lemon"]
push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur. Par exemple : la méthode
var fruits = ["apple", "banana"]; var length = fruits.push("orange", "lemon"); console.log(length); // 输出: 4 console.log(fruits); // 输出: ["apple", "banana", "orange", "lemon"]
pop() supprime un élément de la fin du tableau et renvoie la valeur de l'élément. Par exemple : la méthode
var fruits = ["apple", "banana", "orange"]; var lastFruit = fruits.pop(); console.log(lastFruit); // 输出: "orange" console.log(fruits); // 输出: ["apple", "banana"]
shift() supprime un élément du début du tableau et renvoie la valeur de l'élément. Par exemple : la méthode
var fruits = ["apple", "banana", "orange"]; var firstFruit = fruits.shift(); console.log(firstFruit); // 输出: "apple" console.log(fruits); // 输出: ["banana", "orange"]
unshift() ajoute un ou plusieurs éléments au début du tableau et renvoie la nouvelle longueur. Par exemple : la méthode
var fruits = ["banana", "orange"]; var length = fruits.unshift("apple", "lemon"); console.log(length); // 输出: 4 console.log(fruits); // 输出: ["apple", "lemon", "banana", "orange"]
slice() renvoie un nouveau tableau contenant les éléments sélectionnés du début à la fin (hors fin). Par exemple : la méthode
var fruits = ["apple", "banana", "orange", "lemon"]; var newFruits = fruits.slice(1, 3); console.log(newFruits); // 输出: ["banana", "orange"]
splice() ajoute/supprime des éléments du tableau et renvoie l'élément supprimé. Par exemple : la méthode
var fruits = ["apple", "banana", "orange", "lemon"]; fruits.splice(1, 2, "pear", "kiwi"); console.log(fruits); // 输出: ["apple", "pear", "kiwi", "lemon"]
forEach() exécute la fonction spécifiée une fois pour chaque élément du tableau. Par exemple : la méthode
var fruits = ["apple", "banana", "orange", "lemon"]; fruits.forEach(function(fruit) { console.log(fruit); }); // 输出: "apple" // "banana" // "orange" // "lemon"
filter() crée un nouveau tableau qui contient tous les éléments qui remplissent les conditions. Par exemple : la méthode
var numbers = [1, 2, 3, 4, 5, 6]; var evenNumbers = numbers.filter(function(number) { return number % 2 == 0; }); console.log(evenNumbers); // 输出: [2, 4, 6]
map() crée un nouveau tableau dont les éléments sont le résultat de l'appel d'une fonction sur chaque élément du tableau d'origine. Par exemple : la méthode
var numbers = [1, 2, 3, 4, 5]; var squareNumbers = numbers.map(function(number) { return number * number; }); console.log(squareNumbers); // 输出: [1, 4, 9, 16, 25]
reduce() accumule tous les éléments du tableau et renvoie une valeur. Par exemple :
var numbers = [1, 2, 3, 4, 5]; var sum = numbers.reduce(function(total, number) { return total + number; }); console.log(sum); // 输出: 15
Les méthodes ci-dessus sont des méthodes d'objet de tableau JavaScript courantes. Ils rendent la création et la manipulation de tableaux plus pratiques. En pratique, vous pouvez choisir la méthode adaptée à vos besoins et l’utiliser pour votre projet.
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!