1、将所有的转义字符转成对应的特殊字符

  2. const data = new DOMParser().parseFromString(contentData, 'text/html').body.textContent || '';

2、富文本转纯文本 去除标签

  1. let str = '<div>123</div>'
  3. let words = str.replace(/<[^<>]+>/g, "").replace(/&nbsp;/gi, ""); //这里是去除标签   123
  5. words.replace(/\s/g, "") //这里是去除空格
  7. // 正则去除<br />
  8. let str = str.replace(/<br \/>/g, '');


3、数组去重，并从小到大排序

  1. // 数组去重，并按照从小到大排序
  2. let arr = [1, 1, 2]
  4. arr = Array.from(new Set(arr)); // 去重
  6. arr = arr.sort((a, b) => a - b); // 从小到大排序，arr.sort((a, b) => b - a)则降序

4、防抖

  1. function debounce(fn, delay) {
  2.   let timer
  3.   return function (...args) {
  4.     if (timer) {
  5.       clearTimeout(timer)
  6.     }
  7.     timer = setTimeout(() => {
  8.       fn.apply(this, args)
  9.     }, delay)
  10.   }
  11. }
  13. // 测试
  14. function task() {
  15.   console.log('run task')
  16. }
  17. const debounceTask = debounce(task, 1000)
  18. window.addEventListener('scroll', debounceTask)

5、深拷贝

1、JSON方法

  1. // 不支持值为undefined、函数和循环引用的情况
  2. const cloneObj = JSON.parse(JSON.stringify(obj))


2、递归拷贝

  1. function deepClone(obj, cache = new WeakMap()) {
  2.   if (obj === null || typeof obj !== 'object') return obj
  3.   if (obj instanceof Date) return new Date(obj)
  4.   if (obj instanceof RegExp) return new RegExp(obj)
  6.   if (cache.has(obj)) return cache.get(obj) // 如果出现循环引用，则返回缓存的对象，防止递归进入死循环
  7.   let cloneObj = new obj.constructor() // 使用对象所属的构造函数创建一个新对象
  8.   cache.set(obj, cloneObj) // 缓存对象，用于循环引用的情况
  10.   for (let key in obj) {
  11.     if (obj.hasOwnProperty(key)) {
  12.       cloneObj[key] = deepClone(obj[key], cache) // 递归拷贝
  13.     }
  14.   }
  15.   return cloneObj
  16. }
  18. // 测试
  19. const obj = { name: 'Jack', address: { x: 100, y: 200 } }
  20. obj.a = obj // 循环引用
  21. const newObj = deepClone(obj)
  22. console.log(newObj.address === obj.address) // false