Häufig verwendete Array-Methoden in JavaScript

some()-Methode

Diese Methode prüft, ob mindestens ein Element des Arrays die von der Parameterfunktion überprüften Bedingungen erfüllt.

<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>

Ausgabe:

true

reduce()-Methode

Array-reduce()-Methode in JavaScript wird verwendet, um ein Array auf einen einzelnen Wert und für jeden Wert des Arrays zu reduzieren (von links nach rechts) und der Rückgabewert führt eine bereitgestellte Funktion aus. Die Funktion wird im Akkumulator gespeichert.

<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>

Ausgabe:

3

map()-Methode

Die map()-Methode in JavaScript erstellt ein Array, indem sie für jedes im übergeordneten Array vorhandene Element eine bestimmte Funktion aufruft. Dies ist eine nicht mutierende Methode. Typischerweise wird die Methode „map()“ verwendet, um ein Array zu durchlaufen und für jedes Element des Arrays eine Funktion aufzurufen.

<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)

Ausgabe:

2 3 4 5

every()-Methode

Diese Methode prüft, ob alle Elemente des Arrays die gegebene Bedingung erfüllen, die von der an sie übergebenen Funktion gegeben wird als 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>

Ausgabe:

true

flat()-Methode

Diese Methode erstellt ein neues Array, das mehrere Arrays enthält. Erstellen Sie grundsätzlich ein einfaches Array aus einem Array, das mehrere Arrays enthält.

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

Ausgabe:

11，89，23，7，98

flatMap()-Methode

Diese Methode wird verwendet, um die Eingabe-Array-Elemente in ein neues Array zu reduzieren. Diese Methode ordnet zunächst jedes Element mit Hilfe der Map-Funktion zu und glättet dann die Eingabe-Array-Elemente in ein neues Array.

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

Ausgabe:

10、20、30、40、50

filter()-Methode

Diese Methode wird verwendet, um ein neues Array aus dem gegebenen Array zu erstellen, das nur aus den Parameterfunktionen besteht, die im gegebenen Array erfüllt sind Besteht aus den Elementen, die Bedingungen festlegen.

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

Ausgabe:

112、52、944

findindex()-Methode

Diese Methode gibt den Index des ersten Elements im angegebenen Array zurück, das die bereitgestellte Testfunktion erfüllt. Andernfalls wird -1 zurückgegeben.

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

Ausgabe:

2

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>

输出：

30

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>

输出：

1，87，87，58

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>

输出：

1，841，2209

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>

输出：

10、25、50、88

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>

输出：

11，12，13，14，15，15，16，17，18，19

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>

输出：

true

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>

输出：

原始数组：34、234、567、4新反向阵列：4、567、234、34

推荐教程：《JS教程》

Das obige ist der detaillierte Inhalt vonHäufig verwendete Array-Methoden in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!