搜索
写经验 领红包

6个让你少写多做的es6技巧是什么(es6常用的方法)

导语:6个让你少写多做的ES6技巧

今天这篇文章,主要想跟大家分享6个实用的ES6技巧,希望这6个小技巧能够帮助到你。下面我们开始今天的内容吧。

1.Array.of

关于奇怪的 Array 函数:

众所周知,我们可以通过Array函数来做以下事情。

初始化一个指定长度的数组。

设置数组的初始值。

// 1. Initialize an array of the specified lengthconst array1 = Array(3) // [ , , ]// 2. Set the initial value of the arrayconst array2 = Array() // []const array3 = Array(undefined) // [ undefined ]const array4 = Array(1, 2, 3) // [ 1, 2, 3 ]

传递给Array函数的参数个数不一样,其功能也不一样。这常常让我感到困惑。

幸运的是,我们可以使用 Array.of 来弥补 Array 的不足。

// it&39;fatfish&39;medium&39;fatfish&39;medium&39;fatfish&39;medium&39;div&39;arguments&39;Array.from arguments&39;fatfish&39;fatfish&39;t read like thatconst lastEle = array[ - 1 ] // undefined

还有别的办法吗?

是的,“at”方法将成为您的魔法。当然,您可以读取数组中其他位置的元素。

const array = [ 1, 2, 3, 4, 5 ]const lastEle = array.at(-1) // 5const ele1 = array.at(0) // 1

5.flat

flat() 方法创建一个新数组,其中所有子数组元素以递归方式连接到指定深度。

const array = [ 1, [ 2, [ 3, [ 4, [ 5 ] ] ] ] ]// The default depth is 1const flat1 = array.flat() // [ 1, 2, [ 3, [ 4, [ 5 ] ] ] ]const flat2 = array.flat(2) // [ 1, 2, 3, [ 4, [ 5 ] ] ]const flatAll = array.flat(Infinity) // [ 1, 2, 3, 4, 5 ]

6.findIndex

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。否则,它返回 -1,表示没有元素通过测试。”

const array = [ -1, 0, 10, 10,  20, 100 ]const index1 = array.findIndex((num) => num < 0) // 0const index2 = array.findIndex((num) => num >= 10) // 2

本文内容由小畅整理编辑!