js / ts 技能技巧

JS

1、你需要过滤掉错误值吗？

这个技巧肯定会帮助你摆脱错误值，例如 False、“ ”、0、undefined null。查看下面的示例代码以更好地理解。

//example code
const array = [1, 0, false, "", 2, null, 3]
const farray = array.filter(Boolean)
console.log(farray) // [1, 2, 3]

2、去除重复

我们都在 JavaScript 编程中遇到过重复值，最常用的摆脱它们的方法是将 indexOf() 方法与循环结合使用。今天这个技巧将向你展示两种快速去除重复的方法。

//example code
//method 1
const array = [1, 2, 1, 3, 3, 2, 4, 5, 5, 6, 1]
const farray=array.filter((item,idx,arr)=>arr.indexOf(item)===idx)
console.log(farray) // [1, 2, 3, 4, 5, 6]
//method 2
const farray2 =[...new Set(array)];
console.log(farray2) // [1, 2, 3, 4, 5, 6]

3、在 JavaScript 中截断数组

我主要使用这个技巧来缩短我的大数组或使其全空。我们将使用 Array 的长度参数并用一个值初始化它。该值可以是任何正数。

此值将根据你传递的大小截断你的数组。为了更好地理解，请看下面的示例代码。

// example code
const arr1 = [1, 2, 3, 4, 6]
arr1.length=2
console.log(arr1) // [1, 2]
const arr2 = [5, 4, 3, 9, 100, 101]
arr2.length=0
console.log(arr2) //[]
const arr3 = [5, 4, 3, 9, 100, 101]
arr3.length=7
console.log(arr3) //[5, 4, 3, 9, 100, 101, undefined]

4、合并多个对象

假设你需要在 JavaScript 中将两个对象合并为一个，以使其获得更好的信息。对于此任务，你可以使用扩展运算符 (…)。此运算符由三个点 (…) 表示。

它在许多情况下非常有用，我们将通过将两个数组合并为一个来尝试其中之一。查看下面的示例代码。

// example code
let employee =