10の実践的なES6メソッド、ぜひ集めてください！

この記事では、ES6 の実践的な方法を 10 個紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

JavaScript が Web 開発で最も人気のあるプログラミング言語の 1 つであることは疑いの余地がありません。 React、Vue、Angular のいずれを使用している場合でも、それは単なる JavaScript です。 JS は広大で重要なエコシステムを中心に進化し、アプリケーションをより迅速に開発するのに役立つ無数のフレームワークとライブラリを提供します。

しかし、場合によっては、一歩下がって、ライブラリを使用せずに物事を行う方法を理解しようとすることが最善です。次のコード スニペットを見てください。これらは簡単な問題をエレガントな方法で解決し、日常のプロジェクトでも非常に実用的であるため、メモを取り、問題が発生したときに直接使用してください。

1. 文字列の反転

---

この例では、スプレッド演算子、配列と文字列の reverse メソッドを使用します。 ##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. key-value# を作成しますオブジェクト Array

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 の ## ペア。数値配列の最大値を返します

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. 配列内のすべての要素が等しいかどうかを確認します

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。数値の平均を返します

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. 2 つ以上の数値を返します。すべてのサブセット (完全なセットと空のセットを含む) で構成されるセットのファミリーの合計。可算集合は最小の無限集合であり、その累乗集合は実数の集合 (同ポテンシャルとも呼ばれます) と 1 対 1 に対応し、不可算集合です。すべての不可算集合が実数の集合と同じポテンシャルを持つわけではなく、集合のポテンシャルは無限に大きくなる可能性があります。例えば、実数集合の累乗集合も不可算集合ですが、そのポテンシャルは実数集合よりも大きくなります。 X が有限集合 |X| = k であると仮定すると、X の累乗集合のポテンシャルは 2 の k 乗になります。

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

元のアドレス: https://webdevhub.net/articles/javascriptmedium/10-javascript-code-snippets-you-can-use-right-now

---

著者: Simon Holdorf

プログラミング関連の知識については、

プログラミング教育

---

をご覧ください。 ！

以上が10の実践的なES6メソッド、ぜひ集めてください！の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。