反转对象键值
const invert = (obj) => Object.keys(obj).reduce((res, k) => Object.assign(res, { [obj[k]]: k }), {})
var t = invert({name: 'jack'}) // {jack: 'name'}
console.log(t)
删除对象中的属性值为null或undefined的所有属性
const removeNullUndefined = (obj) => Object.entries(obj).reduce((a, [k, v]) => (v == null ? a : ((a[k] = v), a)), {});
var t = removeNullUndefined({name: '', age: undefined, sex: null}) // { name: '' }
console.log(t)
颜色格式转换:6进制转换成rgb
const hexToRgb = hex => hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `#${r}${r}${g}${g}${b}${b}`).substring(1).match(/.{2}/g).map((x) => parseInt(x, 16));
var t = hexToRgb('#00ffff'); // [0, 255, 255]
var t = hexToRgb('#0ff'); // [0, 255, 255]
console.log(t)
比较两个对象
const isEqual = (...objects) => objects.every(obj => JSON.stringify(obj) === JSON.stringify(objects[0]))
isEqual({name: 'jack'}, {name: 'jack'}) // true
isEqual({name: 'jack'}, {name: 'jack1'}, {name: 'jack'}) // false
在某个文本中将里面的标签全部过滤掉
const stripHtml = (html) => new DOMParser().parseFromString(html, 'text/html').body.textContent || '';
var txt = stripHtml('<p>ddd</p><div>test</div>') // 'dddtest'
console.log(txt)
文章来源地址https://www.toymoban.com/news/detail-485089.html
文章来源:https://www.toymoban.com/news/detail-485089.html
到了这里,关于一些常用的前端功能 监听 页面size 有改变的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!