实用的JavaScript小技巧

下面是一些实用的JavaScript小技巧：

1. 数组去重： 使用Set或reduce方法可以快速去除数组中的重复项。

   const uniqueArray = [...new Set(originalArray)];

    

    

2. 条件赋值： 使用三元运算符实现简洁的条件赋值。

   const value = condition ? trueValue : falseValue;

    

    

3. 数组切片： 使用slice方法可以截取数组的一部分，不会改变原数组。

   const newArray = originalArray.slice(startIndex, endIndex);

    

    

4. 解构赋值： 通过解构赋值可以轻松从对象或数组中提取值。

   const { name, age } = person;

    

    

5. 字符串拼接： 使用模板字符串可以更清晰地拼接字符串和变量。

   const fullName = `${firstName} ${lastName}`;

    

    

6. 数组操作： 使用map、filter、reduce等数组方法可以高效地操作数组元素。

   const doubledNumbers = numbers.map(num => num * 2);

    

    

7. 空值合并： 使用空值合并运算符（nullish coalescing operator）来提供默认值。

   const result = value ?? defaultValue;

    

    

8. 对象属性存在性检查： 使用in运算符或hasOwnProperty方法来检查对象是否拥有特定属性。

   if ('property' in object) { /* ... */ }

    

    

9. 短路求值： 使用逻辑运算符的短路求值特性可以进行简洁的条件判断。

   const result = value1 || value2;

    

    

10. Promise链： 使用async/await和Promise链来处理异步操作，保持代码清晰易读。

    async function fetchData() {
      const data = await fetchAPI();
      const processedData = await process(data);
      return processedData;
    }

     

     

这些JavaScript小技巧可以帮助你更加高效地编写代码，提高代码质量和可读性。