Zusammenfassung der häufig in Javascript-Arrays verwendeten APIs

Dieser Artikel stellt Ihnen eine Zusammenfassung der häufig in JavaScript-Arrays verwendeten APIs vor. Freunde in Not können darauf verweisen.

Einführung in gängige APIs für Arrays

split(): Strings in Arrays aufteilen (auf Strings operieren)
join(): Arrays in Strings zusammenführen (auf Arrays operieren) )
concat(): Zwei Arrays verketten
splice(begin,deleteCount,insert): Spleißen
splic(begin,end): Abfangen [begin,end)
sort(callball(value1,value2)): Sortieren
resever(): Umgekehrte Reihenfolge
filter(callback(currentValue,index)) : Filter
map(callback(currentValue,index)): Traverse, mit Rückgabewert, ähnlich zu forEach
forEach(callback(currentValue,index)): Traverse, ohne Rückgabewert
reduce(callback(array,currentValue,index)[,array]): Akkumulationsverarbeitung
arguments : Wird im Inneren verwendet die Funktion und wandelt die Parameter der Funktion in Pseudo-Arrays um (die API des Arrays kann nicht verwendet werden)

Beispiel

sort Sortieren: Wenn value1 < value2 -1 zurückgibt, sortieren in aufsteigender Reihenfolge; Rückgabe 1, sortieren in absteigender Reihenfolge

var arr = [1,5,4,3,2,6,7]
arr.sort((value1,value2) => {
    if(value1 < value2){
        return -1    //升序
    }else if(value1 > value2){
        return 1    //降序
    }else{
        return 0
    }
})<h3>
<code>filter</code> Filtern des Arrays, Akzeptieren einer Rückruffunktion, die Parameter der Rückruffunktion sind <code>value</code>, <code>index</code>(optional), <code>array</code>(optional)<pre class="brush:php;toolbar:false">let arr = [1,2,3,4,5,6,7,8,9]
arr.filter((value,index) =>{
  console.log(index)
  return value > 5    //筛选条件
})

let fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];
function find(element){
    return fruits.filter((e)=>{
        return e.indexOf(element) >= -1    //indexOf查到元素，找到返回元素的索引
    })
}
find('ap') //['apple','grapes']

und map ist: forEach hat einen Rückgabewert, map hat keinen Rückgabewert, wenn forEach einen Wert zurückgeben kann; Definieren Sie darin eine Variable, um den Durchlauf zu speichern. Der Wert ist in Ordnung. forEach

var a = [1,2,3,4]
a.map(e => e*2)    //[1,4,6,8]
a.forEach(e => e*2)    //undefined， return 也不会出来

akzeptiert zwei Parameter, die Rückruffunktion und den ersten Parameter der Rückruffunktion (optional); die Rückruffunktion akzeptiert vier Parameter: 1. Der Rückgabewert der Rückruffunktion (Verarbeitungsergebnis) oder ; 2. Das verarbeitete Element; 3. Der Index des verarbeiteten Elements; 4. Das Array, das reduce aufruft. reducereduceWenn

den zweiten Parameter empfängt, ist er der erste Parameter der Rückruffunktion (z. B. Deduplizierung, die laufende Logik besteht darin, jedes Element des zu verarbeitenden Arrays einzeln zu verarbeiten

Das Eingeben ist der Prozess des Hinzufügens. Wenn kein zweiter Parameter vorhanden ist, ist der erste Parameter der Rückruffunktion das erste Element des Arrays, das verarbeitet werden soll (z. B. das Zerstören des Arrays, die laufende Logik besteht darin, das direkt zu übernehmen). Array zu verarbeiten und zentral zu verarbeiten, ja Subtraktionsprozess). reduce

//去重：把待处理数组的每一项处理后在一个个`push`进去，是加的过程
var a = [1,2,3,2,4,5,3,1]
a.sort().reduce((arr,currentValue) => {
  if(arr.length === 0 || arr[arr.length-1] !== currentValue){
    arr.push(currentValue)
  }
  return arr
},[])    //[1,2,3,4,5]

//摧毁数组：把待处理数组直接拿过来集中处理，是减的过程
function destroyer(arr) {
    return [].slice.call(arguments).reduce((current,next) =>{
        return current.filter((e) => {
            return e !== next
        })
    })
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);    //[1,1]

pushObwohl es kein Array ist, kann es in ein echtes Array konvertiert werden. Hier sind zwei Methoden

function array(arr){
    console.log(arr)    //[1,2,3,4,5]，注意是一个伪数组，不能用数组的方法
}
array(1,2,3,4,5)

var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);

argumentsVerwandte Empfehlungen:

Algorithmische Analyse der vollständigen Anordnung von Zeichenfolgen in js

Eine kurze Analyse des Inhalts von Ereignisströmen in Javascript

Das obige ist der detaillierte Inhalt vonZusammenfassung der häufig in Javascript-Arrays verwendeten APIs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!