Maison > interface Web > js tutoriel > le corps du texte

Méthodes de tableau couramment utilisées en JavaScript

hzc
Libérer: 2020-06-04 13:35:28
avant
2691 Les gens l'ont consulté

Méthode some()

Cette méthode vérifie si au moins un élément du tableau remplit les conditions vérifiées par la fonction paramètre.

<script>
// JavaScript to illustrate 
// lastIndexOf() method 
function isGreaterThan5(element, index, array) {  
    return element > 5;  
}
function func() {
    // Original array  
    var array = [2, 5, 8, 1, 4];
    // Checking for condition in array  
    var value = array.some(isGreaterThan5);
    document.write(value);  
}
func();  
</script>
Copier après la connexion

Sortie :

true
Copier après la connexion
Copier après la connexion
Copier après la connexion

méthode reduce()

La méthode Array réduire() en JavaScript est utilisée pour réduire un tableau en une seule valeur et pour chaque valeur du tableau (de gauche à droite) et la valeur de retour exécute une fonction fournie. La fonction est stockée dans l'accumulateur.

<script>
// Original array 
var numbers = [88, 50, 25, 10];
// Performing reduce method 
var sub = numbers.reduce(geeks);
function geeks(total, num) { 
    return total - num; 
}
document.write(sub) 
</script>
Copier après la connexion

Sortie :

3
Copier après la connexion

méthode map()

La méthode map() en JavaScript crée un tableau en appelant une fonction spécifique sur chaque élément présent dans le tableau parent. Il s’agit d’une méthode sans mutation. Généralement, la méthode map() est utilisée pour parcourir un tableau et appeler une fonction sur chaque élément du tableau.

<script> // Original array 
var numbers = [4, 9, 16, 25]; 
// Performing map method 
var sub = numbers.map(geeks); 
function geeks() {     
return numbers.map(Math.sqrt); 
} 
document.write(sub)
Copier après la connexion

Sortie :

2 3 4 5
Copier après la connexion

méthode Every()

Cette méthode vérifie si tous les éléments du tableau satisfont à la condition donnée, qui est donnée par la fonction qui lui est transmise comme argument.

<script>  // JavaScript code for every() function  
function ispositive(element, index, array) {      
return element > 0;  }  function func() {      
var arr = [ 11, 89, 23, 7, 98 ];      
// Check for positive number      
var value = arr.every(ispositive);      
document.write(value);  }  
func();  
</script>
Copier après la connexion

Sortie :

true
Copier après la connexion
Copier après la connexion
Copier après la connexion

méthode flat()

Cette méthode crée un nouveau tableau contenant plusieurs tableaux. Créez essentiellement un tableau simple à partir d’un tableau contenant plusieurs tableaux.

<script>
//Original array 
var arr = [ [11, 89], [23, 7], 98 ];
// Performing flat method 
var geeks = arr.flat();
document.write(geeks) 
</script>
Copier après la connexion

Sortie :

11,89,23,7,98
Copier après la connexion

méthode flatMap()

Cette méthode est utilisée pour aplatir les éléments du tableau d'entrée dans un nouveau tableau. Cette méthode mappe d'abord chaque élément à l'aide de la fonction map, puis aplatit les éléments du tableau d'entrée dans un nouveau tableau.

<script>const myAwesomeArray = [[1], [2], [3], [4], [5]]var geeks = myAwesomeArray.flatMap(arr => arr * 10) console.log(geeks);
Copier après la connexion

Sortie :

10、20、30、40、50
Copier après la connexion

méthode filter()

Cette méthode est utilisée pour créer un nouveau tableau à partir du tableau donné composé uniquement des fonctions de paramètre satisfaites dans le tableau donné Se compose de ces éléments qui fixent les conditions.

<script>
function isPositive(value) {  
    return value > 0;  
}
function func() {  
    var filtered = [112, 52, 0, -1, 944] 
    .filter(isPositive);  
    document.write(filtered);  
}
func();  
</script>
Copier après la connexion

Sortie :

112、52、944
Copier après la connexion

méthode findindex()

Cette méthode renvoie l'index du premier élément du tableau donné qui satisfait à la fonction de test fournie. Sinon, -1 est renvoyé.

<script>
var array = [ 10, 20, 30, 110, 60 ];
function finding_index(element) {  
    return element > 25; 
}
document.write(array.findIndex(finding_index));  
</script>
Copier après la connexion

Sortie :

2
Copier après la connexion

find()方法

此方法用于获取满足所提供条件的数组中第一个元素的值。它检查数组的所有元素,以及第一个满足条件的要打印的元素。

<script>
// Input array contain some elements.  
var array = [10, 20, 30, 40, 50];
// Function (return element > 10).  
var found = array.find(function(element) {  
    return element > 20;  
});
// Printing desired values.  
document.write(found);  
</script>
Copier après la connexion

输出:

30
Copier après la connexion

fill()方法

此方法用于使用给定的静态值填充数组。该值可以用于填充整个数组,也可以用于填充数组的一部分。

<script>
// JavaScript code for fill() function  
function func() {
    var arr = [1, 23, 46, 58];
    // Here value = 87, start index = 1 and  
    // and last index = 3  
    arr.fill(87, 1, 3);  
    document.write(arr);  
}
func();  
</script>
Copier après la connexion

输出:

1,87,87,58
Copier après la connexion

forEach()方法

该方法为数组的每个元素调用一次提供的函数。提供的函数可以对给定数组的元素执行任何类型的操作。

<script>  function func() {      
// Original array      
const items = [1, 29, 47];      
const copy = [];      
items.forEach(function(item){          
copy.push(item*item);      });      
document.write(copy);  }  
func();  
<script>
Copier après la connexion

输出:

1,841,2209
Copier après la connexion

sort()方法

此方法用于对数组进行排序。数组可以是任何类型,例如字符串,数字,字符等。

<script>
// Original array 
var numbers = [88, 50, 25, 10];
// Performing sort method 
var sub = numbers.sort(geeks);
function geeks(a, b) { 
    return a - b; 
}
document.write(sub) 
</script>
Copier après la connexion

输出:

10、25、50、88
Copier après la connexion

concat()方法

此方法用于将两个或多个数组合并在一起。此函数不会更改作为参数传递的原始数组。

<script>
// JavaScript code for concat() function  
function func() {  
    var num1 = [11, 12, 13],  
        num2 = [14, 15, 16],  
        num3 = [17, 18, 19];
    document.write(num1.concat(num2, num3));  
}  
func();  
</script>
Copier après la connexion

输出:

11,12,13,14,15,15,16,17,18,19
Copier après la connexion

include()方法

此方法用于知道数组中是否存在特定元素,因此,它返回true或false,即,如果该元素存在,则返回true,否则返回false。

<script>
    // Taking input as an array A  
    // having some elements.  
    var A = [ 1, 2, 3, 4, 5 ];
    // Include() function is called to  
    // test whether the searching element  
    // is present in given array or not.  
    a = A.includes(2)
    // Printing result of function.  
    document.write(a);  
</script>
Copier après la connexion

输出:

true
Copier après la connexion
Copier après la connexion
Copier après la connexion

reverse()方法

此方法用于数组的就地反转。数组的第一个元素变为最后一个元素,反之亦然。

<script>  function func() {      
//Original Array      
var arr = [34, 234, 567, 4];      
document.write("Original array: " + arr);      
//Reversed array      
var new_arr = arr.reverse();      
document.write("<br>Newly reversed array: ");      
document.write(new_arr);  }  
func();  
<script>
Copier après la connexion

输出:

原始数组:34、234、567、4新反向阵列:4、567、234、34
Copier après la connexion

推荐教程:《JS教程

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!

Étiquettes associées:
js
source:csdn.net
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