Wie man Funktionen in js lernt und verwendet

Vorwort

Aufgrund einiger Veränderungen in der Arbeit und im Leben ist die Häufigkeit des Schreibens von Artikeln in letzter Zeit etwas zurückgegangen. Es tut mir wirklich leid, aber ich glaube, dass es sich bald wieder erholen wird kontinuierliche Aufmerksamkeit und Unterstützung.

In diesem Artikel werden hauptsächlich einige Methoden und Techniken zum Schreiben von JavaScript-Code vorgestellt. Obwohl manchmal alle Wege nach Rom führen, gibt es möglicherweise immer den kürzesten Weg. Ich hoffe, dass jeder Code durch die folgenden JavaScript-Kenntnisse „komplex und vereinfacht sowie vereinfacht und verfeinert“ werden kann.

Lernen und geschickt anwenden

1. new Set()

Einige Leute wissen vielleicht, dass ES6 ein neues Datenstrukturset bereitstellt, aber es gibt möglicherweise nicht viele Leute, die das können nutzen Sie es flexibel. Mit der Set-Datenstruktur können wir ein Array einfach deduplizieren, wie zum Beispiel:

let arr = [1, 2, 2, 3];let set = new Set(arr);let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。console.log(newArr); // [1, 2, 3]

2. Object.assign()

Object.assign() ist auch eine Erweiterung der bereitgestellten Objekte in ES6-Methode, die zum Zusammenführen und Kopieren von Objekten verwendet werden kann, wie zum Beispiel:

let obj1 = {a: 1};let obj2 = {b: 2};let obj3 = Object.assign({}, obj1, obj2);console.log(obj3); // {a: 1, b: 2}

3. map()

Die Map-Methode wird zum Durchlaufen des Arrays mit einer Rückkehr verwendet Wert und kann verwendet werden, um die Elemente zu bearbeiten und ein neues Array zu generieren. Manchmal können die for- und forEach-Schleifen ersetzt werden, um den Code zu vereinfachen, wie zum Beispiel:

let arr3 = [1, 2, 3, 4, 5];let newArr3 = arr3.map((e, i) => e * 10); // 给数组每一项乘以10console.log(newArr3); // [10, 20, 30, 40, 50]

4.

Die Filtermethode wird auch zum Durchlaufen eines Arrays verwendet. Wie der Name schon sagt, dient sie dazu, das Array zu filtern, nach jedem Element eine Rückruffunktion auszulösen, das aktuelle Element durch Beurteilung beizubehalten oder zu entfernen und schließlich ein neues Array zurückzugeben , wie zum Beispiel:

let arr4 = [1, 2, 3, 4, 5];let newArr4 = arr4.filter((e, i) => e % 2 === 0); // 取模，过滤余数不为0的数console.log(newArr4); // [2，4]

5. some ()

Eine Methode wird verwendet, um das Array zu durchlaufen und nach jedem Element eine Rückruffunktion auszulösen gibt „true“ zurück, andernfalls wird „false“ zurückgegeben, ähnlich wie bei || eine Callback-Funktion nach jedem Element, gibt sie „false“ zurück, andernfalls gibt sie „true“ zurück, ähnlich wie bei && Vergleich, zum Beispiel:

let arr5 = [{result: true}, {result: false}];let newArr5 = arr5.some((e, i) => e.result); // 只要一个为true，即为trueconsole.log(newArr5); // true

7

Das ~-Symbol wird in JavaScript verwendet, um eine bitweise Invertierung durchzuführen. ~~ bedeutet eine zweimalige Invertierung, und das Bit Der Operationswert der Operation muss eine Ganzzahl sein, und das Ergebnis ist ebenfalls eine Ganzzahl, also die bitweise Die Operation wird automatisch zu einer Ganzzahl, und der Dezimalteil kann geschickt entfernt werden, ähnlich wie bei parseInt:

let arr6 = [{result: true}, {result: false}];let newArr6 = arr6.every((e, i) => e.result); // 只要一个为false，即为falseconsole.log(newArr6); // false

8 || Operator

Clevere Verwendung des || ermöglicht es uns, Standardwerte für Variablen festzulegen, wie zum Beispiel:

let a = 1.23;let b = -1.23;console.log(~~a); // 1console.log(~~b); // -1

9. ...Operator

... Operator ist eine Methode zum Destrukturieren von Arrays in ES6, die kann verwendet werden, um schnell die Parameter eines Arrays zu erhalten, wie zum Beispiel:

let c = 1;let d = c || 2; // 如果c的值为true则取存在的值，否则为2console.log(d); // 1

10. Ternärer Operator

Dieser Operator sollte von jedem verwendet werden. Er ist relativ vertraut Schreiben oder sonst beim stillen Schreiben, wie zum Beispiel:

let [num1, ...nums] = [1, 2, 3];console.log(num1); // 1console.log(nums); // [2, 3]

Fazit

Dieser Artikel listet nur 10 gängige Methoden in der JavaScript-Syntax auf, um die Codierungseffizienz zu verbessern Jeder Wissenspunkt kann entsprechend erweitert und erforscht werden. Ich hoffe, dass jeder ihn geschickt erlernen und gleichzeitig geschickt nutzen kann.

let e = true,
    f = '';if (e) {
    f = 'man';
} else {
    f = 'woman';
}// 等同于
f = e ? 'man' : 'woman';

Wenn Sie während des Lernprozesses auf Probleme stoßen oder Lernressourcen erhalten möchten, können Sie gerne der Lernaustauschgruppe beitreten

Das obige ist der detaillierte Inhalt vonWie man Funktionen in js lernt und verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!