15个简易高效的代码段

1、不循环地重复一个字符串

此 JavaScript 代码段将展示如何在不使用任何循环的情况下重复字符串。我们将通过JavaScript 中的repeat)方法来构建一个数字，该数字将作为你需要的数字副本。

//Old Method
forvar i = 0; i<5; i++)
{console.log"????") // ????????????????????
}
// Best Method
console.log"????".repeat5)) //????????????????????

2、 数组的差异

这一个很棒的代码片段，可以帮助你区分数组。当你处理一个长数组并想知道该数组的相似之处或不同之处时，这个会派上用场。

下面的示例代码将帮助你更加清晰理解，你可以在你的JavaScript 项目中自由使用这些代码。

//Code Example
function ArrayDiffa, b){const setX = new Seta)const setY = new Setb)
return [...a.filterx=>!setY.hasx)),...b.filterx=>!setX.hasx))]
}const Array1 = [1, 2, 3];const Array2 = [1, 2, 3, 4, 5];
console.logArrayDiffArray1, Array2)) // [4, 5]

3、 String 是否为 Json

当你需要检查数据是字符串，还是 JSON 时，此代码段将派上用场。假设你从服务器端获得响应并解析该数据，你需要检查它是 JSON 还是字符串。下面的代码片段。

//Code Example
function isJSONstr)
{try{JSON.parsestr)}catch{return false}
return true
}
var str = "JavaScript"
console.logisJSONstr)) //false

4、简短的 Console.log

厌倦了一遍又一遍地编写 console.log) 吗？不用担心，这个片段会为你节省大量时间来编写长长的 console.log)。

var cl = console.log.binddocument)
cl345) 
cl"JAVASCRIPT")
cl"PROGRAMMING") 
<--Give it a try!-->

5、全部替换

此代码段将向你展示如何替换字符串中的单词，而无需迭代每个单词、匹配它并放置新单词。下面的代码片段使用了 replaceAll Target Word, New Word ) 方法。

//Code Example
var str = "Python is a Programming Language, Python is a top programming language and favourite of every developer"
str = str.replaceAll"Python", "JavaScript")
console.logstr) // JavaScript is a Programming Language, JavaScript 5is a top programming language and favourite of every developer

6、将数字转换数字数组

此代码段可用于将数字转换为数字数组。使用带有 map 的扩展运算符，我们可以在一秒钟内完成此操作。试一试：

//example code
const NumberToArray = number => [...`${number}`].mapi => parseInti));
console.logNumberToArray86734)) //[8,6,7,3,4]
console.logNumberToArray1234)) //[1,2,3,4]
console.logNumberToArray9000)) //[9,0,0,0]

7、检查数字是否为 2 的幂

现在，此代码段将帮助你检查是否为 2 的幂。尝试从下面的示例代码中理解它。

//example code
const isPowerTwo = n => !!n && n & n - 1) ) == 0;
console.logisPowerTwo3)) //true
console.logisPowerTwo8)) //true
console.logisPowerTwo4)) //true

8、数字转换为二进制

此代码段将使用 toString) 方法简单地将数字转换为二进制。看看下面的代码示例。

var n1 = 500
console.logn1.toString2)) // 111110100
var n2 = 4
console.logn2.toString2)) // 100
var n3 = 5004
console.logn3.toString2)) // 1001110001100

9、返回数组的幂集

此代码段将返回你的任何数字数组的 Powerset。检查下面的代码片段以获得更好的理解。

//example code
const PowerSet = array => array.reduceaccumalator, current) => accumalator.concataccumalator.mapn => [current].concatn))), [[]]);
console.logPowerSet[1,2]))

10、从数组中删除元素

当你需要从数组中删除元素时，此代码段将派上用场。在下面的代码片段示例中，我们使用了 array.slice) 内置方法。

//example code
const DropElement = array, num = 1) => array.slicenum);
console.logDropElement[2,45,6,7],2)) //[6, 7]
console.logDropElement[2,45,6,7],1)) //[45, 6, 7]

11、反转字符串

现在你不需要循环遍历字符串来反转它。此代码段将展示如何使用扩展运算符 …) 和 reverse) 函数来反转字符串。

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

//example code
function Reversestr){
return [...str].reverse).join'');
}
console.logReverse"data")) //atad
console.logReverse"Code")) //edoC

12、深度扁平化阵列

展平数组是将任何有序数组和二维数组转换为一维数组的过程。简而言之，你可以降低数组的维数。你已经看过 Flatten Array 片段代码，但是深展平数组呢。

当你有一个大的有序数组并且正常的展平对它不起作用时，此代码段非常有用。为此，你将需要一个深展平。

//example code
function DeepFlatarray)
{return [].concat...array.mapvalue=>  Array.isArrayvalue) ? DeepFlatvalue) : value)));
}
console.logDeepFlat[1,[2,[4,6,6,[9]],0,],1])) // [1, 2, 4, 6, 6, 9, 0, 1]

13、计算字节大小

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

// byte size calculation
const ByteSize = string => new Blob[string]).size;
console.logByteSize"Codding")) // 7 
console.logByteSizetrue)) // 4
console.logByteSize"????")) // 4

14、数组转为CSV

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

// Code Example
const ArrayToCsv= array, delimiter =',')=> array.mapvalue => value.mapnum => `"${num}"`).joindelimiter)).join'\n');
console.logArrayToCsv[['name', 'age'], ['haider', '22'], ['Peter', '23']]))
// Output
// "name","age"
// "haider","22"
// "Peter","23"

15、数组的最后一个元素

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

//code example
const LastElement = array => array[array.length - 1];
console.logLastElement[2,3,4])) // 4
console.logLastElement[2,3,4,5])) // 5
console.logLastElement[2,3])) // 3