Zusammenfassung der Array-Methoden in Javascript (mit Code)

Dieser Artikel bietet Ihnen eine Zusammenfassung der Array-Methoden in JavaScript (mit Code). Freunde in Not können sich darauf beziehen.

1.copyWithin()-Methode ändert das ursprüngliche Array
kopiert die ersten beiden Elemente des Arrays in die letzten beiden Elemente:
array.copyWithin(target, start, end)
Parameter Beschreibung
Ziel Erforderlich. An den angegebenen Zielindexspeicherort kopieren.
Start Optional. Die Startposition für das Kopieren von Elementen.
Ende Optional. Die Indexposition, an der der Kopiervorgang gestoppt werden soll (standardmäßig array.length). Wenn es sich um einen negativen Wert handelt, stellt er den Kehrwert dar.

var arr = [1,2,3,4,5];
arr.copyWithin(3,0,2);
console.log(arr);  //1,2,3,1,2

2.every(function(){}) ändert das ursprüngliche Array nicht
Führen Sie eine Funktion für jedes Element im Array aus. Wenn jedes Element true zurückgibt, dann geben Sie true zurück;

var arr=[1,2,3,4,5];
var result=arr.every(function(item){
  return item>1;
})
console.log(result);  //false

3.some(function(){}) ändert das ursprüngliche Array nicht
Führen Sie für jedes Element im Array eine Funktion aus. Wenn ein Element true zurückgibt, wird es true zurückgeben;

var arr=[1,2,3,4,5]
var result=arr.some(function(item){
  return item>1;
})
console.log(result)  //true

4.fill() Die Verwendung eines festen Werts zum Füllen des Arrays ändert das ursprüngliche Array
array.fill(value, start, end)
Parameterbeschreibung
value Erforderlich. Der auszufüllende Wert.
Start Optional. Beginnen Sie mit der Besetzung der Stelle.
Ende ist optional. Füllposition stoppen (Standard ist array.length)

var arr=[1,2,3,4,5];
arr.fill("哈哈",0,3);
console.log(arr);  //[ '哈哈', '哈哈', '哈哈', 1, 2 ]

5.filter()                                                                          -   ändert das ursprüngliche Array nicht. Alle Elemente.
Hinweis: filter() erkennt keine leeren Arrays.

var ages = [22, 53, 16, 40];
var ar5=ages.filter(function(age){
  return age>30;
})
console.log(ar5) //[ 53, 40 ]

6.find() ändert das ursprüngliche Array nicht.

Gibt den Wert des ersten Elements des Arrays zurück, das den Test besteht (beurteilt innerhalb der Funktion).
Die find()-Methode ruft einmal eine Funktionsausführung für jedes Element im Array auf:
Wenn ein Element im Array beim Testen der Bedingung „true“ zurückgibt, gibt find() das Element zurück, das die Bedingung erfüllt, und nachfolgende Werte ​​wird nicht Rufen Sie dann die Ausführungsfunktion auf.
Wenn es kein Element gibt, das die Bedingungen erfüllt, wird undefiniert zurückgegeben
Hinweis: Die Funktion find() wird für ein leeres Array nicht ausgeführt.

var num = [212, 537, 160, 401];
function odd(x){
  return x%2;
}
var ar6=num.find(odd);
console.log(ar6);   //537

7.findIndex() ändert das ursprüngliche Array nicht.

Gibt die Position des ersten Elements des Arrays zurück, das in einer Testbedingung (Funktion) übergeben wurde, die die Bedingungen erfüllt.
Die Methode findIndex() ruft für jedes Element im Array einmal eine Funktionsausführung auf:
Wenn das Element im Array beim Testen der Bedingung „true“ zurückgibt, gibt findIndex() die Indexposition des Elements zurück, das die Bedingung erfüllt , und dann Der Wert ruft die Ausführungsfunktion nicht mehr auf.
Wenn es kein Element gibt, das die Bedingungen erfüllt, wird -1 zurückgegeben
Hinweis: Die Funktion findIndex() wird für ein leeres Array nicht ausgeführt.

var num = [212, 537, 160, 401];
function odd(x){
  return x%2;
}
console.log(num.findIndex(odd)); //1

8.indexOf() ändert das ursprüngliche Array nicht

Sucht das Element im Array und gibt seine Position zurück.

var num = [212, 537, 160, 401];
console.log(num.indexOf(160));  //2

9.lastIndexOf() ändert das ursprüngliche Array nicht.

Gibt die letzte Position zurück, an der ein angegebener Zeichenfolgenwert erscheint, und sucht von hinten nach vorne an der angegebenen Position in einer Zeichenfolge.

var num = [212, 537, 160, 401];
console.log(num.indexOf(160));  //

10.join() ändert das ursprüngliche Array

Konvertiert das Array in einen String. Die Elemente werden standardmäßig durch das angegebene Trennzeichen getrennt,
toString(). ändert das ursprüngliche Array
wandelt das Array in einen String um und gibt das Ergebnis zurück. Es gibt keine Parameter.

var num = [212, 537, 160, 401];
console.log(num.join());  //212,537,160,401

11.map() ändert das ursprüngliche Array nicht.

verarbeitet jedes Element des Arrays durch die angegebene Funktion und gibt das verarbeitete Array

var arr=[12,23,45,56,78];
var arr1=arr.map(function(x){
  return x+1;
})
console.log(arr1);  //[ 13, 24, 46, 57, 79 ]
console.log(arr);   //[ 12, 23, 45, 56, 78 ]

12.forEach() zurück, das das ursprüngliche Array nicht ändert. Die Methode

wird verwendet, um jedes Element des Arrays aufzurufen und die Elemente an die Rückruffunktion zu übergeben .
Hinweis: forEach() führt die Rückruffunktion nicht für ein leeres Array aus

var num=[ 212, 537, 160, 401 ];
num.forEach(function(num){
  return num/2;
})
console.log(num);  //[ 212, 537, 160, 401 ]

13.reduce() ändert das ursprüngliche Array nicht

Erhält eine Funktion als Akkumulator, jedes Element im Die Array-Werte beginnen abzunehmen (von links nach rechts) und zählen schließlich bis zu einem Wert.
reduce() kann als Funktion höherer Ordnung zum Zusammenstellen von Funktionen verwendet werden.
Hinweis: Reduce() führt die Rückruffunktion nicht für ein leeres Array aus.

var arr=[ 12, 23, 45, 56, 78 ];
var arr2=arr.reduce(function(total,item){
  return total-item;
})
console.log(arr2); //-190
console.log(arr);  //[ 12, 23, 45, 56, 78 ]

14.reduceRight() ändert das ursprüngliche Array nicht.

Die Funktion ist dieselbe wie die Funktion Reduce() , aber anders ReduceRight() akkumuliert die Array-Elemente im Array vom Ende des Arrays an.
Hinweis: Reduce() führt die Rückruffunktion nicht für ein leeres Array aus.

var arr=[ 12, 23, 45, 56, 78 ];
var arr2=arr.reduceRight(function(total,item){
  return total-item;
})
console.log(arr2);  //-58
console.log(arr);   //[ 12, 23, 45, 56, 78 ]

15.pop() ändert das ursprüngliche Array.

löscht das letzte Element des Arrays und gibt das gelöschte Element zurück . Ohne Parameter ändert
shift() das ursprüngliche Array
löscht das erste Element des Arrays und gibt es zurück. Ohne Parameter ändert
push() das ursprüngliche Array
, indem es ein oder mehrere Elemente am Ende des Arrays hinzufügt und die neue Länge zurückgibt. Der Parameter ist das hinzuzufügende Element, das ein oder mehrere sein kann.
unshift() ändert das ursprüngliche Array
, fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück. Der Parameter ist das hinzuzufügende Element, das ein oder mehrere
sein kann

16.sort() 会改变原数组
对数组的元素进行排序,只能是一位数，如果是两位数会按字典序排列，改进：加一个回调函数

var arr2=[2,8,45,12,5,67,9];
arr2.sort(function(a,b){
  return a-b;
});
console.log(arr2);  //[ 2, 5, 8, 9, 12, 45, 67 ]

17.reverse() 会改变原数组
反转数组的元素顺序

var arr2=[ 2, 5, 8, 9, 12, 45, 67 ];
arr2.reverse();
console.log(arr2);    //[ 67, 45, 12, 9, 8, 5, 2 ]

18.valueOf() 不会改变原数组
返回数组对象的原始值，一般原样返回

var arr2=[ 67, 45, 12, 9, 8, 5, 2 ];
arr2.valueOf();
console.log(arr2);  //[ 67, 45, 12, 9, 8, 5, 2 ]
// 可以自己定义一个对象的valueOf()方法来覆盖它原来的方法。
// 这个方法不能含有参数，方法里必须return一个值。
var x = {};
x.valueOf = function(){
    return 10;
}
console.log(x+1);// 输出10
console.log(x+"hello");//输出10hello

19.slice() 不会改变原数组
选取数组的的一部分，并返回一个新数组。
array.slice(start, end)
参数 描述
start 可选。规定从何处开始选取(包括)。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元 素，-2 指倒数第二个元素，以此类推。
end 可选。规定从何处结束选取（不包括）。该参数是数组片断结束处的数组下标。
如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。
如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

var arr2=[ 67, 45, 12, 9, 8, 5, 2 ];
console.log(arr2.slice(1,4));  //[ 45, 12, 9 ]
console.log(arr2);     //[ 67, 45, 12, 9, 8, 5, 2 ]

20.splice() 会改变原始数组
方法用于插入、删除或替换数组的元素。
array.splice(index,howmany,item1,.....,itemX)
参数 描述
index 必需。规定从何处添加/删除元素。
该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany 必需。规定应该删除多少元素。必须是数字，但可以是 "0"。
如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX 可选。要添加到数组的新元素

arr3=[2,3,4,5,6,7,8];
//删除
arr3.splice(2,3);
console.log(arr3);   //[ 2, 3, 7, 8 ]
//增加
arr3.splice(1,0,9,10);
console.log(arr3);  //[ 2, 9, 10, 3, 7, 8 ]
//替换
arr3.splice(0,3,8,7,3);  //[ 8, 7, 3, 3, 7, 8 ]
console.log(arr3);

最后再小结一下：

会改变原数组的方法：copyWithin()、fill()、join()、pop()、push()、shift()、unshift()、sort()、reverse()、splice()；

不会改变原数组的方法：every()、some()、filter()、find()、findIndex()、indexOf()、lastIndexOf()、map()、forEach()、reduce()、reduceRight()、valueOf()、slice()；

相关推荐：

对JavaScript数组的方法总结

JavaScript数组中的indexOf方法

Das obige ist der detaillierte Inhalt vonZusammenfassung der Array-Methoden in Javascript (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!