15个工作中会用到的 JS 代码片段( 二 ) _js代码

此代码段将返回你的任何数字数组的。检查下面的代码片段以获得更好的理解。
//example codeconst PowerSet = array => array.reduce((accumalator, current) => accumalator.concat(accumalator.map(n => [current].concat(n))), [[]]);console.log(PowerSet([1,2]))
10、从数组中删除元素
当你需要从数组中删除元素时，此代码段将派上用场。在下面的代码片段示例中，我们使用了 array.slice() 内置方法。
//example codeconst DropElement = (array, num = 1) => array.slice(num);console.log(DropElement([2,45,6,7],2)) //[6, 7]console.log(DropElement([2,45,6,7],1)) //[45, 6, 7]
11、反转字符串
现在你不需要循环遍历字符串来反转它。此代码段将展示如何使用扩展运算符 (...) 和 () 函数来反转字符串。

文章插图
这在反转大字符串时会派上用场，你需要为此提供快速片段代码。检查下面的代码示例。

//example codefunction Reverse(str){return [...str].reverse().join('');}console.log(Reverse("data")) //atadconsole.log(Reverse("Code")) //edoC

12、深度扁平化阵列
展平数组是将任何有序数组和二维数组转换为一维数组的过程。简而言之，你可以降低数组的维数。你已经看过Array 片段代码，但是深展平数组呢。
当你有一个大的有序数组并且正常的展平对它不起作用时，此代码段非常有用。为此，你将需要一个深展平。

//example codefunction DeepFlat(array){return [].concat(...array.map(value=>(Array.isArray(value) ? DeepFlat(value) : value)));}console.log(DeepFlat([1,[2,[4,6,6,[9]],0,],1])) // [1, 2, 4, 6, 6, 9, 0, 1]

13、计算字节大小
每个程序员的目标都是让他们的程序高效并具有良好的性能。为此，我们需要确保我们有一些不会让我们的内存过载的数据大小。查看下面的代码片段以了解如何检查任何数据的字节。

// byte size calculationconst ByteSize = string => new Blob([string]).size;console.log(ByteSize("Codding")) // 7 console.log(ByteSize(true)) // 4console.log(ByteSize("????")) // 4

14、数组转为CSV
CSV 是当今广泛使用的电子表格，你可以使用如下所示的简单代码段将数组转换为 CSV文件。

// Code Exampleconst ArrayToCsv= (array, delimiter =',')=> array.map(value => value.map(num => `"${num}"`).join(delimiter)).join('\n');console.log(ArrayToCsv([['name', 'age'], ['haider', '22'], ['Peter', '23']]))// Output// "name","age"// "haider","22"// "Peter","23"

15、数组的最后一个元素
现在，你不再需要遍历或循环整个数组并提取最后一个元素。你可以使用以下简单的代码片段执行相同的操作。

//code exampleconst LastElement = array => array[array.length - 1];console.log(LastElement([2,3,4])) // 4console.log(LastElement([2,3,4,5])) // 5console.log(LastElement([2,3])) // 3

最后的想法
以上就是我今天与你分享的15个代码片段，我希望你喜欢这篇文章，并从这篇文章中学到一些新东西。
最后，如果你觉得今天内容对你有帮助，请与你的开发人员朋友分享它。
【15个工作中会用到的 JS 代码片段】感谢你的阅读。