10 méthodes ES6 pratiques, venez les récupérer !

Cet article partagera avec vous 10 méthodes pratiques ES6. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Il ne fait aucun doute que JavaScript est l'un des langages de programmation les plus populaires pour le développement Web. Que vous utilisiez React, Vue ou Angular, ce n'est que du JavaScript. JS a évolué autour d'un écosystème vaste et vital, fournissant d'innombrables frameworks et bibliothèques qui nous aident à développer des applications plus rapidement.

Mais parfois, il est préférable de prendre du recul et d'essayer de comprendre comment faire les choses sans utiliser de bibliothèques. Jetez un œil aux extraits de code suivants. Ils résolvent des problèmes simples de manière élégante et sont également très pratiques dans les projets quotidiens, alors prenez des notes et utilisez-les directement lorsque vous rencontrez des problèmes.

1. String reverse

---

Dans cet exemple, nous utilisons l'opérateur spread, la méthode reverse de Array et la méthode join de String pour inverser le donné. chaîne.

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

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

2. Calculez la factorielle du nombre spécifié

---

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

3. Convertissez le nombre en un tableau de nombres .

---

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. Vérifiez si le nombre est une puissance de 2

---

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

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

5. Créez un 键-值tableau de paires à partir d'un objet<. 🎜>

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

---

6. Renvoie la valeur maximale dans le tableau de nombres

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]

---

7. tableau sont égaux

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

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

---

8 Renvoie la moyenne des nombres

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

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

---

9. ou plusieurs numéros

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

---

10. Renvoyez l'ensemble de puissance du réseau numérique

---

Le soi-disant ensemble de puissance (Power Set ) représente tous les sous-ensembles de l'ensemble d'origine (y compris l'ensemble complet et l'ensemble vide). L'ensemble dénombrable est le plus petit ensemble infini ; son ensemble de puissances correspond de manière bijective à l'ensemble des nombres réels (également appelé même potentiel), et c'est un ensemble indénombrable. Tous les ensembles indénombrables n’ont pas le même potentiel que l’ensemble des nombres réels. Le potentiel d’un ensemble peut être infiniment grand. Par exemple, l'ensemble de puissance de l'ensemble de nombres réels est également un ensemble indénombrable, mais son potentiel est plus grand que l'ensemble de nombres réels. Supposons que X soit un ensemble fini, |X| = k, alors le potentiel de l'ensemble des puissances de X est de 2 à la kième puissance.

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

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

Auteur : Simon Holdorf

Pour plus de connaissances liées à la programmation, veuillez visiter :

Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!