JavaScript 代码简写与高效编码技巧汇总

let arr=[1,2,3]

arr.filter((item)=>{
    return item >1
})

//只有一个参数，小括号可以不写
arr.filter(item=>{
    return item>1
})
//返回值只有一个，花括号和return可以不写
arr.filter(item=>item>1)

let str="Hello JueJue  "
//包含子串
console.log(str.includes("Hello"))
// 以子串开头
console.log(str.startsWith("Hello"))
// 去除收尾空格
console.log(str.trim())

//数组去重
function removeRepeat(arr){
    return  [...new Set(arr)]
}
//数组求最大值
Math.max(...arr)
Math.min(...arr)

//react  用于一次传入多个属性
let props={name:'Ben',age:10,sex:0}
const greeting=<Greeting {...props} />

//组合对象 这种情况可以使用Object.assign代替
let defaultParams={
    pageSize:1,
    pageNumber:10,
    sort:1
}

let reqParams={
    ...defaultParams,
    phone:'15196255885'
}

let id,age,sex

let person={
    id,
    age,
    sex
}

class Spirit{
    constructor({x=0,y=0,w=10,h=10,rotate=0}){//函数参数结构
        this.x=x
        this.y=y
        this.w=w
        this.h=h
        this.rotate=rotate
    }
    draw(){
        const {x,y,w,h,rotate}=this
        console.log("draw -> x,y,w,h,rotate", x,y,w,h,rotate)
    }
}

Number('001')  //-> 1
String('1')   // ->1

function cutNumber(value,n=2){//默认保留2位小数
    return Number(value).toFixed(n)
}