Iwen's blog Iwen's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于

Iwen

不摸鱼的哥哥
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于
  • Vue

  • Vue进阶

  • CSS

  • ES6

  • Base

  • Core

  • Array

  • Object

  • String

  • Async

  • Browser

  • Http

  • 性能优化

  • 正则

    • 正则常用
    • 小技巧
      • 搜索筛选
      • 千分位
  • 经典总结

  • 设计模式

  • 数据结构

  • 算法

  • 手写

  • TypeScript

  • 复盘
  • 正则
Mr.w
2020-11-29

小技巧

# 小技巧

# 搜索筛选

分类筛选的时候, 有多种形式, 需要拼接/替换字符串, 看着是挺简单的, 但还是要记录一下

 /**
 * URL跳转,参数兼容(替换、拼接)
 * @param {Object} data => {name: value}
 */
const toURL = (data) => {
    let params = window.location.search;
    for(let i in data){
        if(params.includes(i)){
            params = params.replace(new RegExp(`${i}=.*?&|${i}=.*`), `${i}=${data[i]}&`)
        } else {
            params = params + `&${i}=${data[i]}`
        }
    }
    params = params.endsWith('&') ? params.slice(1, -1) : params.slice(1)
    window.location.href = window.location.origin + window.location.pathname + '?' + params
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

# 千分位

// 价格转换,小数点后两位,转换千分位
const priceTran = (price) => {
    return Number(price).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($1, $2) => $2 + ',')
}
1
2
3
4
正则常用
总结

← 正则常用 总结→

最近更新
01
flex布局页面自适应滚动条问题
12-28
02
前后端分离开发请求接口跨域如何携带cookie的问题
12-28
03
怎么实现div长宽比固定width-height4比3
12-28
更多文章>
Theme by Vdoing | Copyright © 2017-2022 Iwen | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式