总结:我编码中常用到的小方法

码农天地 -
总结:我编码中常用到的小方法
类型转换
!! = Boolean()
~~ = ParseInt()
+  = ParseFloat()
使用includes代替indexOf

Array.prototype.includes已经被绝大多数浏览器支持,受制于之前浏览器兼容性的影响,许多身边的同事依然习惯使用indexOf,但includes更加体现代码的语义化。

var arr = [1,2,3,4]

console.log(arr.indexOf(2) >= 0)

console.log(!!~arr.indexOf(2))

console.log(arr.includes(2))
reduce的用处

在与后端的数据交互中,后端开发往往不能提供对于前端非常理想化的数据,列表尤为明显,Array.prototype.reduce可以比较方便的格式化需要的数据
以前的代码

var arr = []
const { data = [] } = result
data.forEach(item => {
    if (xxx) {
        arr.push({
            xxx: item.xxx,
            .....
        })
    }
})

retrun arr

使用reduce

const { data = [] } = result

const arr = data.reduce((prev, curr) => {
    if (curr.xxx) {
        prev.push({
            xxx: curr.xxx,
            .....
        })
    }
    return prev
}, [])

return arr
特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

加个好友,技术交流

1628738909466805.jpg