10 praktische ES6-Methoden, kommen Sie und holen Sie sie ab!

In diesem Artikel stellen wir Ihnen 10 praktische ES6-Methoden vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Es besteht kein Zweifel daran, dass JavaScript eine der beliebtesten Programmiersprachen in der Webentwicklung ist. Egal, ob Sie React, Vue oder Angular verwenden, es ist nur JavaScript. JS hat sich um ein riesiges und wichtiges Ökosystem herum entwickelt und bietet unzählige Frameworks und Bibliotheken, die uns helfen, Anwendungen schneller zu entwickeln.

Aber manchmal ist es besser, einen Schritt zurückzutreten und zu versuchen zu verstehen, wie man Dinge ohne den Einsatz von Bibliotheken erledigen kann. Schauen Sie sich die folgenden Codeausschnitte an. Sie lösen einfache Probleme auf elegante Weise und sind auch in täglichen Projekten sehr praktisch. Machen Sie sich also Notizen und verwenden Sie sie direkt, wenn Sie auf Probleme stoßen.

1. String-Umkehrung

---

In diesem Beispiel verwenden wir den Spread-Operator, die Methode reverse von Array und die Methode join von String, um die angegebene Zeichenfolge umzukehren.
reverse方法和 String 的join方法来反转给定的字符串。

const reverseString = string => [...string].reverse().join('')

// 事例
reverseString('Medium') // "muideM"
reverseString('Better Programming') // "gnimmargorP retteB"

2.计算指定数字的阶乘

---

const factorialOfNumber = number => 
  number < 0
    ? (() => {
      throw new TypeError(&#39;请输入正整数&#39;)
    })()
    : number <= 1
      ? 1
      : number * factorialOfNumber(number - 1)
      
      
// 事例
factorialOfNumber(4) // 24
factorialOfNumber(8) // 40320

3.将数字转换为数字数组

---

const converToArray = number => [...`${number}`].map(el => parseInt(el))

// 事例
converToArray(5678) // [5, 6, 7, 8]
converToArray(12345678) // [1, 2, 3, 4, 5, 6, 7, 8]

4.检查数字是否为2的幂

---

const isNumberPowerOfTwo = number => !!number && (number & (number - 1)) == 0

// 事例
isNumberPowerOfTwo(100) // false
isNumberPowerOfTwo(128) // true

5.从对象创建键-值

const keyValuePairsToArray = object => Object.keys(object)
  .map(el => [el, object[el]])

// 事例
keyValuePairsToArray({Better: 4, Programming: 2})
// [['Better', 4], ['Programming', 2]]

keyValuePairsToArray({x:1, y:2, z:3})
// [['x', 1], ['y', 2], ['z', 3]]

2. Berechnen Sie die Fakultät der angegebenen Zahl

---

const maxElementsFromArray = (array, number = 1) => [...array].sort((x, y) => y -x).slice(0, number)

// 事例
maxElementsFromArray([1, 2, 3, 4, 5]) // [5]

maxElementsFromArray([7, 8, 9, 10, 10], 2) // [10, 10]

3. Konvertieren Sie die Zahl in ein Zahlenarray

---

const elementsAreEqual = array => array.every(el => el === array[0])

// 事例
elementsAreEqual([9, 8, 7, 6, 5, 4]) // false
elementsAreEqual([4, 4, 4, 4, 4]) // true

4

---

const averageOfTwoNumbers = (...numbers) => numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length

// 事例
averageOfTwoNumbers(...[6, 7, 8]) // 7
averageOfTwoNumbers(...[6, 7, 8, 9]) // 7.5

5. Erstellen Sie ein Array von Schlüssel-Wert-Paaren aus dem Objekt

---

const sumOfNumbers = (...array) => [...array].reduce((accumulator, currentValue) => accumulator + currentValue, 0)

// 事例
sumOfNumbers(5, 6, 7, 8, 9, 10) // 45
sumOfNumbers(...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]) // 50

6. Geben Sie den Maximalwert im Zahlenarray zurück

---

const powersetOfArray = array => array.reduce((accumulator, currentValue) => accumulator.concat(accumulator.map(el => [currentValue].concat(el))), [[]])

// 事例
powersetOfArray([4, 2]) // [[], [4], [2], [2, 4]]
powersetOfArray([1, 2, 3])
// [[], [1], [2], [2,1], [3], [3,1], [3,2], [3,2,1]]

7 . Überprüfen Sie, ob alle Elemente im Array gleich sind.

---

rrreee

9. Geben Sie die Summe von zwei oder mehr Zahlen zurück Potenzmenge des Zahlenarrays

Die sogenannte Potenzmenge (Potenzmenge) ist die Mengenfamilie, die aus allen Teilmengen (einschließlich der vollständigen Menge und der leeren Menge) in der Originalmenge besteht. Die abzählbare Menge ist die kleinste unendliche Menge; ihre Potenzmenge entspricht eins zu eins der Menge der reellen Zahlen (auch dasselbe Potential genannt) und ist eine überabzählbare Menge. Nicht alle überzählbaren Mengen haben das gleiche Potenzial wie die Menge der reellen Zahlen. Das Potenzial einer Menge kann unendlich groß sein. Beispielsweise ist die Potenzmenge der reellen Zahlenmenge ebenfalls eine überzählbare Menge, ihr Potenzial ist jedoch größer als die der reellen Zahlenmenge. Angenommen, X ist eine endliche Menge, |X| = k, dann ist das Potential der Potenzmenge von X 2 hoch k.

rrreeeOriginaladresse: https://webdevhub.net/articles/javascriptmedium/10-javascript-code-snippets-you-can-use-right-now

🎜Autor: Simon Holdorf🎜🎜🎜Mehr Programmierkenntnisse, Bitte besuchen Sie: 🎜Programmierunterricht🎜! ! 🎜

Das obige ist der detaillierte Inhalt von10 praktische ES6-Methoden, kommen Sie und holen Sie sie ab!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!