实用的 JS 工具函数你或许会需要

2024-12-31 05:41:07   小编

实用的 JS 工具函数你或许会需要

在 JavaScript 开发中,拥有一些实用的工具函数可以大大提高开发效率和代码质量。以下为您介绍几个常见且实用的 JS 工具函数。

1. 数组去重函数

function uniqueArray(arr) {
  return Array.from(new Set(arr));
}

这个函数可以轻松去除数组中的重复元素,使数组元素唯一。

2. 深拷贝函数

function deepClone(obj) {
  if (typeof obj!== 'object' || obj === null) {
    return obj;
  }

  let newObj;
  if (Array.isArray(obj)) {
    newObj = [];
  } else {
    newObj = {};
  }

  for (let key in obj) {
    newObj[key] = deepClone(obj[key]);
  }

  return newObj;
}

深拷贝可以完整地复制一个复杂的对象或数组,避免修改原始数据时影响到副本。

3. 格式化日期函数

function formatDate(date, format = 'YYYY-MM-DD') {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');

  return format.replace('YYYY', year).replace('MM', month).replace('DD', day);
}

它能按照指定的格式将日期对象转化为字符串,方便在不同场景下展示日期。

4. 字符串驼峰转下划线

function camelToUnderline(str) {
  return str.replace(/([A-Z])/g, '_$1').toLowerCase();
}

在处理不同命名规范的字符串时,这个函数能实现便捷的转换。

5. 判断数据类型函数

function getType(obj) {
  return Object.prototype.toString.call(obj).slice(8, -1);
}

准确获取数据的类型,对于处理不同类型的数据非常有用。

这些实用的 JS 工具函数在各种项目中都可能派上用场,能够让您的代码更加简洁、高效和可维护。不断积累和使用这样的工具函数,将有助于提升您的开发水平和项目质量。

TAGS: 实用技巧 JS 工具函数 功能需求 或许有用

欢迎使用万千站长工具!

Welcome to www.zzTool.com