记录在写项目过程中代码简化优化的过程，希望自己慢慢写出更高质量更简洁的代码

1

 const arr = this.arr.filter((a) => {
                        return a.name.indexOf(this.findValue) === -1? null : a
                    })

 
 const arr = this.arr.filter((a) => {
                        return a.name.indexOf(this.findValue) !== -1
                    })

2

三个按钮通过key值来控制降序、排序、原序：我一开始设置key是1升2降序3原序

  if (this.key === 0) {
                        console.log('00000000')
                        arr.sort(function(a, b) {
                            return a.number - b.number
                        })
                    } else if (this.key === 1) {
                        arr.sort(function(a, b) {
                            return b.number - a.number
                        })
                    } else if (this.key === 2) {
                        arr = this.arr
                    }
 return arr

改进:可以设置原序的key值为0

if (this.key) {
                        arr.sort((a, b) => {
                            return this.key === 1 ? a.number - b.number : b.number - a.number
                        })
                    }
 return arr

3

从数组中返回偶数

const arr = [1, 2, 3, 4, 5, 6]
const res = arr.filter(function(item) {
    if (item % 2 === 0) {
        return true
    } else {
        return false
    }
})

改进

const arr = [1, 2, 3, 4, 5, 6]
const res = arr.filter(item => item % 2 === 0)

4

function connect(options) {
    let host = options.host;
    let username = options.username;
    let password = options.password;
    let port = options.port;
}
connect({
    host: 'xx.com',
    username: 'root',
    password: 'root',
    port: 3306
})

改进：解构赋值+函数参数默认值

function connect({ host, username, password, port = 8080 }) {
    console.log(port)
}
connect({
    host: 'xx.com',
    username: 'root',
    password: 'root',
    // port: 3306
})

5

handleCheck(id){
       this.todos.forEach(element => {
         if( element.id === id ){
           element.status=!element.status
         }
       });
     }

改进

this.todos.forEach(element => {
         if( element.id === id )element.status=!element.status
       });

最后

以上就是和谐太阳为你收集整理的简洁的代码12345的全部内容，希望文章能够帮你解决简洁的代码12345所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。